/* GS Manpower – design tokens. Source: GS Manpower Brand Guidelines v1.0 (October 2026). Mirror of tokens.json.
   Proportion guide: 60 navy · 25 paper/white · 5 steel · 10 saffron.
   Saffron is a signal, not a background: the centre figure of the mark and ONE call to action per layout.
   Saffron text on white or paper fails contrast – put navy text on a saffron fill instead. */
:root {
  /* Brand */
  --color-navy: #14213D;          /* Command Navy – primary */
  --color-saffron: #F2A007;       /* Shift Saffron – accent */
  --color-paper: #F6F4EF;         /* Site Paper – ground */
  --color-steel: #5B6477;         /* Steel – secondary text */
  --color-teal: #0E7C70;          /* Care Teal – GS Care division only */
  --color-surface: #FFFFFF;

  /* Derived shades (states and contrast only) */
  --color-navy-90: #1B2A4A;
  --color-navy-80: #263759;
  --color-navy-tint: #E8EAF0;
  --color-saffron-strong: #D98E00;
  --color-teal-tint: #E2F1EF;
  --color-steel-light: #C9CDD6;   /* muted text and icons on navy */
  --color-line: #E3E0D8;          /* borders on paper/white */
  --color-line-strong: #C9C5BA;

  /* Text */
  --color-text: #14213D;
  --color-text-muted: #5B6477;
  --color-text-inverse: #FFFFFF;
  --color-text-inverse-muted: #C9CDD6;

  /* Status (always paired with an icon and a word) */
  --color-success: #1E7048;
  --color-success-tint: #E6F2EC;
  --color-error: #B42318;
  --color-error-tint: #FBEAE8;
  --color-warning: #85570A;
  --color-warning-tint: #FCF0D9;

  /* Type: Archivo display, Manrope body, Mukta for all Devanagari (Marathi / Hindi) */
  --font-display: "Archivo", "Mukta", "Arial Black", system-ui, sans-serif;
  --font-body: "Manrope", "Mukta", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-devanagari: "Mukta", "Nirmala UI", "Noto Sans Devanagari", sans-serif;
  --text-xs: 0.8125rem;
  --text-sm: 0.875rem;
  --text-base: 0.9375rem;                                   /* body 15/24 */
  --text-lg: 1.0625rem;
  --text-xl: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
  --text-2xl: clamp(1.5rem, 1.3rem + 0.8vw, 1.875rem);      /* H2 24/30 */
  --text-3xl: clamp(2rem, 1.6rem + 1.6vw, 2.5rem);          /* H1 40/44 */
  --text-4xl: clamp(2.5rem, 1.6rem + 3.6vw, 4rem);          /* hero display */
  --leading-tight: 1.1;
  --leading-snug: 1.25;
  --leading-body: 1.6;
  --tracking-label: 0.16em;                                 /* LABEL: Manrope 700 caps +16% */

  /* Space (4px base) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --section-y: clamp(3rem, 2rem + 4vw, 5.5rem);

  /* Shape & depth (never applied to the logo) */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 18px;
  --shadow-sm: 0 1px 2px rgba(20, 33, 61, 0.06);
  --shadow-md: 0 6px 20px -8px rgba(20, 33, 61, 0.18);
  --shadow-lg: 0 24px 48px -20px rgba(20, 33, 61, 0.3);

  /* Layout */
  --container: 1200px;
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2rem);
  --header-h: 76px;
  --focus-ring: 0 0 0 3px var(--color-surface), 0 0 0 5px var(--color-navy);
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}