/* ==========================================================================
   Design Tokens — Innovation Scientific
   Source of truth: 01_DESIGN_SYSTEM.md + inline styles in design-references/*.dc.html
   Primary = Blue #1B5FCC (owner decision). B2B = Crimson #B92D45.
   ========================================================================== */
:root {
  /* Brand / primary (BLUE) — deepened per owner request (was #1B5FCC) */
  --c-primary:        #164EA7;
  --c-primary-dark:   #123E86;
  --c-primary-tint:   #EFF6FF;   /* blue surface */
  --c-primary-border: #BFDBFE;
  --c-primary-border2:#DBEAFE;
  --c-primary-light:  #93C5FD;   /* on dark bg */

  /* Teal — secondary accent (declared system, used sparingly) */
  --c-teal:        #0F766E;
  --c-teal-dark:   #0d655e;
  --c-teal-bright: #15A394;
  --c-teal-tint:   #EAF7F5;
  --c-teal-border: #D4EDE9;

  /* Crimson — B2B + alert */
  --c-crimson:        #B92D45;
  --c-crimson-dark:   #A52740;
  --c-crimson-tint:   #FFF4F6;
  --c-crimson-tint2:  #FEE2E2;
  --c-crimson-border: #F6D9DF;

  /* Success / WhatsApp green */
  --c-success:       #15803D;
  --c-green-bright:  #22C55E;
  --c-green-tint:    #DCFCE7;

  /* Warning / danger */
  --c-warn:       #B45309;
  --c-warn-dark:  #92400E;
  --c-warn-tint:  #FEF3C7;
  --c-danger:     #B91C1C;
  --c-danger-tint:#FEE2E2;

  /* Ink / neutrals */
  --c-ink:     #1F2A37;   /* headings, dark bg (announcement, footer) */
  --c-body:    #4B5563;   /* paragraphs, nav labels */
  --c-muted:   #64748B;
  --c-faint:   #94A3B8;
  --c-faint2:  #9AA4B2;
  --c-line-gray:#CBD5E1;
  --c-disabled:#D1D5DB;

  /* Backgrounds */
  --c-white:      #FFFFFF;
  --c-hero-soft:  #F7FBFB;
  --c-alt-gray:   #F5F7FA;
  --c-subtle:     #F8FAFC;
  --c-subtle2:    #FBFCFD;

  /* Borders */
  --c-border-light: #EEF1F5;   /* header/nav dividers */
  --c-border-card:  #EDF0F4;
  --c-border-card2: #EDF0F4;
  --c-border-input: #E6EAF0;
  --c-border-input2:#E0E5EC;
  --c-border-dash:  #C9D3DE;
  --c-border-dash2: #DDE3EA;

  /* Footer text */
  --c-footer-body: #C2CBD6;
  --c-footer-muted:#9AA6B3;
  --c-footer-faint:#8693A1;
  --c-footer-line: rgba(255,255,255,.078);

  /* Typography */
  --f-ar:   'IBM Plex Sans Arabic', 'IBM Plex Sans', system-ui, sans-serif;
  --f-latin:'IBM Plex Sans', system-ui, sans-serif;
  --f-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* Radii */
  --r-chip:   8px;
  --r-btn:    12px;
  --r-input:  14px;
  --r-card:   18px;
  --r-panel:  22px;
  --r-pill:   999px;

  /* Shadows */
  --sh-card:      0 1px 3px rgba(0,0,0,.08);
  --sh-hover-b:   0 16px 30px -18px rgba(27,95,204,.4);
  --sh-hover-n:   0 20px 40px -22px rgba(31,42,55,.34);
  --sh-mega:      0 24px 48px -18px rgba(31,42,55,.22);
  --sh-float:     0 18px 40px -16px rgba(31,42,55,.3);
  --sh-btn-glow:  0 10px 22px -10px rgba(27,95,204,.53);
  --sh-mobilebar: 0 -8px 24px rgba(15,23,42,.06);

  /* Layout */
  --gutter:      40px;
  --gutter-mob:  16px;
  --container:   1440px;
  --header-h:    88px;   /* 104 on homepage via .is-home */
  --nav-h:       56px;
  --announce-h:  42px;
}