/* ==========================================================================
   Zibuse Group — design tokens
   Aspire. Ascend. Achieve.
   ========================================================================== */

:root {
  /* ---- Brand navy — #08264A is the official brand colour ---- */
  --navy-900: #041730;   /* deepest — full-bleed grounds, footer */
  --navy-800: #061E3C;   /* section grounds */
  --navy:     #08264A;   /* THE brand navy */
  --navy-600: #123C6E;
  --navy-500: #21568F;

  /* ---- Pale silver ---- */
  --silver-100: #F2F6F9;
  --silver-200: #DCE7F0;  /* logo eagle head */
  --silver-300: #A9C4DA;
  --silver-400: #7794AE;

  /* ---- Gold — #B58A2F is official. ACCENTS ONLY.
         Brand rule: "Gold for accents. Navy for readable text."
         Never set running copy in gold. ---- */
  --gold:       #B58A2F;
  --gold-soft:  #D9B463;   /* on navy grounds only */
  --gold-deep:  #96711F;   /* on light grounds, for small caps */

  /* ---- Neutrals ---- */
  --white:  #FFFFFF;
  --paper:  #FFFFFF;
  --paper-2:#EEF2F5;   /* Mist — the official secondary ground */
  --mist:   #EEF2F5;
  --ink:    #08264A;
  --body:   #3E5570;
  --muted:  #6B819B;
  --line:   #DCE4EC;
  --line-2: #EEF2F5;

  /* ---- Semantic ---- */
  --ok:     #1F7A5C;
  --warn:   #A8721A;
  --error:  #B3372B;
  --ok-bg:  #EAF5F0;
  --warn-bg:#FBF3E3;
  --error-bg:#FBEDEB;

  /* ---- Type ---- */
  /* Official: Manrope Semibold for headings, Inter Regular for body. */
  --font-display: 'Manrope', 'Helvetica Neue', Arial, sans-serif;
  --font-body:    'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-editorial:'Manrope', 'Helvetica Neue', Arial, sans-serif;

  --step--1: clamp(0.82rem, 0.80rem + 0.10vw, 0.88rem);
  --step-0:  clamp(1.00rem, 0.97rem + 0.15vw, 1.09rem);
  --step-1:  clamp(1.20rem, 1.13rem + 0.35vw, 1.42rem);
  --step-2:  clamp(1.45rem, 1.31rem + 0.68vw, 1.90rem);
  --step-3:  clamp(1.75rem, 1.50rem + 1.20vw, 2.55rem);
  --step-4:  clamp(2.10rem, 1.68rem + 2.00vw, 3.40rem);
  --step-5:  clamp(2.50rem, 1.80rem + 3.30vw, 4.60rem);

  /* ---- Layout ---- */
  --max:      1240px;
  --max-text: 68ch;
  --gutter:   clamp(20px, 4.5vw, 64px);
  --section-y:clamp(72px, 9vw, 132px);
  --radius:   3px;
  --radius-lg:6px;

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur:  .55s;

  /* ---- Elevation ---- */
  --shadow-sm: 0 1px 2px rgba(12,24,34,.05), 0 4px 12px -6px rgba(12,24,34,.10);
  --shadow:    0 1px 2px rgba(12,24,34,.05), 0 12px 32px -14px rgba(12,24,34,.18);
  --shadow-lg: 0 2px 4px rgba(12,24,34,.06), 0 28px 60px -24px rgba(12,24,34,.28);

  color-scheme: light;
}

/* Vertical accent colours — used sparingly, on rules and chips only.
   The mark and wordmark never change colour between verticals. */
:root {
  --v-talent:    #08264A;
  --v-workforce: #08264A;
  --v-skills:    #08264A;
  --v-verify:    #08264A;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: .001s; }
}