/**
 * Africa CDC Conference Management System
 * Brand Colour Variables & Utilities
 *
 * Primary colours: Green, Gold, Black
 * Secondary (MOTIF): Brown, Yellow, Orange, Red, Dark Green
 */

:root {
  /* ========== PRIMARY COLOURS ========== */
  --africa-cdc-green: #348F41;
  --africa-cdc-green-rgb: 52, 143, 65;
  --africa-cdc-gold: #B4A269;
  --africa-cdc-gold-rgb: 180, 162, 105;
  --africa-cdc-black: #000000;
  --africa-cdc-black-rgb: 0, 0, 0;

  /* ========== SECONDARY (MOTIF) COLOURS ========== */
  --africa-cdc-brown: #6B4C24;
  --africa-cdc-brown-rgb: 107, 76, 36;
  --africa-cdc-yellow: #E08F2A;
  --africa-cdc-yellow-rgb: 224, 143, 42;
  --africa-cdc-orange: #C45B39;
  --africa-cdc-orange-rgb: 196, 91, 57;
  --africa-cdc-red: #782C2D;
  --africa-cdc-red-rgb: 120, 44, 45;
  --africa-cdc-dark-green: #4B5430;
  --africa-cdc-dark-green-rgb: 75, 84, 48;

  /* ========== SEMANTIC MAPPINGS ========== */
  --color-primary: var(--africa-cdc-green);
  --color-primary-hover: #2a7234;
  --color-secondary: var(--africa-cdc-gold);
  --color-accent: var(--africa-cdc-red);
  --color-text: var(--africa-cdc-black);
  --color-text-secondary: var(--africa-cdc-dark-green);
  --color-text-muted: var(--africa-cdc-brown);
  --color-success: var(--africa-cdc-green);
  --color-warning: var(--africa-cdc-yellow);
  --color-danger: var(--africa-cdc-red);
  --color-info: var(--africa-cdc-dark-green);
  --color-bg-dark: var(--africa-cdc-black);

  /* ========== COLOUR TINTS (for gradients, backgrounds) ========== */
  --africa-cdc-green-10: rgba(var(--africa-cdc-green-rgb), 0.1);
  --africa-cdc-green-25: rgba(var(--africa-cdc-green-rgb), 0.25);
  --africa-cdc-green-50: rgba(var(--africa-cdc-green-rgb), 0.5);
  --africa-cdc-gold-10: rgba(var(--africa-cdc-gold-rgb), 0.1);
  --africa-cdc-gold-25: rgba(var(--africa-cdc-gold-rgb), 0.25);
  --africa-cdc-red-10: rgba(var(--africa-cdc-red-rgb), 0.1);
  --africa-cdc-red-25: rgba(var(--africa-cdc-red-rgb), 0.25);

  /* ========== TYPOGRAPHY ========== */
  --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-size-h1: 2rem;
  --font-size-h2: 1.5rem;
  --font-size-h3: 1.25rem;
  --font-size-body: 1rem;
  --font-size-small: 0.875rem;

  /* ========== SPACING ========== */
  --spacing-base: 8px;
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 32px;
  --spacing-xl: 48px;
  --spacing-2xl: 64px;

  /* ========== BORDERS & RADIUS ========== */
  --radius-sm: 4px;
  --radius-md: 8px;
  --border-color: rgba(0, 0, 0, 0.12);
}

/* ========== UTILITY CLASSES ========== */
.bg-africa-cdc-green { background-color: var(--africa-cdc-green); }
.bg-africa-cdc-gold { background-color: var(--africa-cdc-gold); }
.bg-africa-cdc-black { background-color: var(--africa-cdc-black); }
.bg-africa-cdc-red { background-color: var(--africa-cdc-red); }
.bg-africa-cdc-dark-green { background-color: var(--africa-cdc-dark-green); }

.text-africa-cdc-green { color: var(--africa-cdc-green); }
.text-africa-cdc-gold { color: var(--africa-cdc-gold); }
.text-africa-cdc-red { color: var(--africa-cdc-red); }
.text-africa-cdc-dark-green { color: var(--africa-cdc-dark-green); }
.text-africa-cdc-brown { color: var(--africa-cdc-brown); }

/* Primary button */
.btn-africa-cdc-primary {
  background-color: var(--africa-cdc-green);
  color: white;
  border: none;
  border-radius: var(--radius-sm);
  padding: var(--spacing-xs) var(--spacing-md);
  font-family: var(--font-family-base);
  font-weight: 600;
  cursor: pointer;
}
.btn-africa-cdc-primary:hover {
  background-color: var(--color-primary-hover);
}

/* Secondary button (outline) */
.btn-africa-cdc-secondary {
  background-color: transparent;
  color: var(--africa-cdc-red);
  border: 2px solid var(--africa-cdc-red);
  border-radius: var(--radius-sm);
  padding: var(--spacing-xs) var(--spacing-md);
  font-family: var(--font-family-base);
  font-weight: 600;
  cursor: pointer;
}
.btn-africa-cdc-secondary:hover {
  background-color: var(--africa-cdc-red-10);
}