/* ==========================================================================
   SFR Group — design tokens (shared by the public site AND the staff/ERP shell)
   Brand source: the group logo — deep navy + metallic gold on warm ivory.
   Rules: never hard-code a brand colour/font/shadow/radius in a module — use these variables.
   Text on ivory/white: use --srf-ink / --srf-ink-2 / --srf-muted. Small gold TEXT on light grounds must use
   --srf-gold-800 (AA, 6.2:1); --srf-gold-700 (3.9:1) is for large/bold display text, icons and graphics only.
   --srf-gold-500 is for fills/borders/icons/large display only.
   ========================================================================== */
:root {
  /* Brand — navy */
  --srf-navy-950: #071327;
  --srf-navy-900: #0B2042;   /* logo navy */
  --srf-navy-800: #12305F;
  --srf-navy-700: #1B4180;
  --srf-navy-600: #2A5AA6;
  --srf-navy-200: #C9D5EA;
  --srf-navy-100: #E6ECF6;
  --srf-navy-50:  #F3F6FB;

  /* Brand — gold */
  --srf-gold-800: #7F5513;
  --srf-gold-700: #A8731A;   /* 3.9:1 on ivory/white: large text, icons, graphics (small gold text = gold-800) */
  --srf-gold-600: #C58A27;
  --srf-gold-500: #DD9E38;   /* logo gold */
  --srf-gold-300: #EBC27B;
  --srf-gold-200: #F4DDB0;
  --srf-gold-100: #FBF0DB;

  /* Surfaces & ink */
  --srf-ivory:   #FBF8F2;    /* page background (public) — never pure white for the page ground */
  --srf-paper:   #FFFFFF;    /* cards */
  --srf-bg-app:  #F4F6FA;    /* staff/ERP app background */
  --srf-ink:     #14181F;
  --srf-ink-2:   #2B3340;
  --srf-muted:   #667085;
  --srf-muted-strong: #596273;   /* muted text on the darker sand ground (#F4EEE1): 5.3:1, where --srf-muted is only 4.3:1 */
  --srf-line:    #E6E1D6;
  --srf-line-cool: #E3E8F0;
  --srf-line-strong: #CFC8B8;   /* soft outlines and dividers - the boundary of a text field / checkbox uses --srf-input-border */
  --srf-input-border: #818999;  /* form-control / checkbox boundary, >= 3:1 on white, ivory AND the staff table-head ground #EEF2F9 (3.13:1) (WCAG 1.4.11); same value as the staff kit */

  /* Keyboard focus ring (WCAG 2.4.7 / 1.4.11): solid, never translucent. Light grounds use navy (9.4:1 on ivory/white);
     navy sections, the CTA band, hero photos and the notice bar switch --srf-focus to --srf-focus-on-dark. */
  --srf-focus: var(--srf-navy-700);
  --srf-focus-on-dark: var(--srf-gold-300);

  /* Status */
  --srf-success: #12693F;  --srf-success-bg: #EAF6EF;
  --srf-danger:  #B42318;  --srf-danger-bg:  #FDECEA;
  --srf-warning: #A15C07;  --srf-warning-bg: #FEF3E2;
  --srf-info:    #175CD3;  --srf-info-bg:    #EAF1FD;

  /* Type */
  --srf-font-body: "Inter", "Hind Siliguri", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;
  --srf-font-heading: "Playfair Display", "Hind Siliguri", Georgia, "Times New Roman", serif;
  --srf-font-ui: "Inter", "Hind Siliguri", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --srf-text-xs: .75rem; --srf-text-sm: .875rem; --srf-text-md: 1rem; --srf-text-lg: 1.125rem;
  --srf-text-xl: 1.375rem; --srf-text-2xl: 1.75rem; --srf-text-3xl: 2.25rem; --srf-text-4xl: clamp(2.2rem, 4.5vw, 3.6rem);

  /* Spacing scale (4px base) */
  --srf-space-1: .25rem; --srf-space-2: .5rem; --srf-space-3: .75rem; --srf-space-4: 1rem;
  --srf-space-5: 1.5rem; --srf-space-6: 2rem; --srf-space-7: 3rem; --srf-space-8: 4.5rem; --srf-space-9: 6rem;

  /* Shape & depth */
  --srf-radius-sm: 8px; --srf-radius-md: 12px; --srf-radius-lg: 18px; --srf-radius-pill: 999px;
  --srf-shadow-1: 0 1px 2px rgba(11,32,66,.06), 0 1px 3px rgba(11,32,66,.05);
  --srf-shadow-2: 0 4px 12px rgba(11,32,66,.08), 0 2px 4px rgba(11,32,66,.05);
  --srf-shadow-3: 0 12px 32px rgba(11,32,66,.14), 0 4px 10px rgba(11,32,66,.06);
  --srf-ring: 0 0 0 3px rgba(221,158,56,.35);

  /* Layout */
  --srf-container: 1240px;
  --srf-header-h: 76px;
  --srf-tap: 44px;           /* minimum touch target */

  /* Motion */
  --srf-ease: cubic-bezier(.22,.61,.36,1);
  --srf-dur-1: 160ms; --srf-dur-2: 280ms; --srf-dur-3: 520ms;
}

/* Bengali pages: Hind Siliguri leads, headings too (Playfair has no Bengali glyphs). Never letter-space or uppercase Bengali. */
html[lang="bn"] {
  --srf-font-body: "Hind Siliguri", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --srf-font-heading: "Hind Siliguri", "Playfair Display", system-ui, sans-serif;
  --srf-font-ui: "Hind Siliguri", "Inter", system-ui, sans-serif;
}
html[lang="bn"] .text-uppercase, html[lang="bn"] .srf-eyebrow { text-transform: none !important; letter-spacing: 0 !important; }

@media (prefers-reduced-motion: reduce) {
  :root { --srf-dur-1: 1ms; --srf-dur-2: 1ms; --srf-dur-3: 1ms; }
  *, *::before, *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; scroll-behavior: auto !important; }
}