/* =====================================================================
   EMAACOBEL GHANA LIMITED — Brand Design Tokens
   Extracted from the company logo. Single source of truth for colour.
   ===================================================================== */
:root {
  /* Brand core — sampled from the company logo */
  --brand-primary: #0E2AAF;      /* Royal cobalt blue (logo) */
  --brand-primary-dark: #0A1F82;
  --brand-primary-light: #2D46D0; /* Brighter cobalt — accents */
  --brand-accent: #F9CF2D;        /* Golden yellow (logo) */
  --brand-accent-dark: #E0B411;
  --brand-accent-soft: #FEF7DA;

  /* Neutrals */
  --white: #FFFFFF;
  --neutral-900: #1A1F26;
  --neutral-700: #2E3742;
  --neutral-600: #4A4A4A;        /* Body text */
  --neutral-400: #8A94A0;
  --neutral-200: #E4E8ED;
  --light-gray: #F5F7FA;         /* Section backgrounds */
  --light-gray-2: #EDF1F6;

  /* Semantic */
  --success: #1E9E5A;
  --warning: #E0B411;
  --danger: #D64545;
  --info: #2D46D0;

  /* Gradients */
  --grad-primary: linear-gradient(135deg, #0E2AAF 0%, #2D46D0 100%);
  --grad-hero: linear-gradient(120deg, rgba(6,18,71,.92) 0%, rgba(14,42,175,.82) 55%, rgba(45,70,208,.7) 100%);
  --grad-gold: linear-gradient(135deg, #F9CF2D 0%, #E0B411 100%);
  --grad-dark: linear-gradient(160deg, #0A1F82 0%, #05103C 100%);

  /* Elevation */
  --shadow-sm: 0 2px 8px rgba(10,31,110,.07);
  --shadow-md: 0 8px 24px rgba(10,31,110,.12);
  --shadow-lg: 0 18px 48px rgba(10,31,110,.18);
  --shadow-gold: 0 10px 30px rgba(249,207,45,.38);

  /* Shape & motion */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --transition: .35s cubic-bezier(.2,.7,.2,1);

  /* Typography */
  --font-heading: 'Poppins', 'Segoe UI', sans-serif;
  --font-body: 'Roboto', 'Segoe UI', sans-serif;

  /* Layout */
  --container-max: 1240px;
  --header-h: 84px;

  /* Bootstrap overrides */
  --bs-primary: #0E2AAF;
  --bs-primary-rgb: 14,42,175;
}