/* ============================================================
   DESIGN TOKENS — Shree Vinayak Consultancy
   Unified brand palette (shared with the college pages):
   Sage Green (#8AB9B5) · Navy (#1F4E5F) · Amber (#F59E0B)
   Neutrals: #F8FAFC / #FFFFFF backgrounds, #0F172A / #475569 text.
   Typography: Source Serif 4 (headings) + Inter (body) + JetBrains Mono.
   Token NAMES are preserved so component CSS keeps working;
   only the VALUES changed.
   ============================================================ */

:root {
  /* --- Primary = navy (buttons, links, active states — needs contrast) --- */
  --primary:         #1F4E5F;
  --primary-dark:    #16414F;
  --primary-light:   #8AB9B5;   /* sage — light brand accent */
  --primary-50:      #EAF2F1;   /* light sage tint — badges */
  --primary-100:     #D6E8E5;
  --primary-700:     #16414F;

  /* --- Accent palette (amber) --- */
  --accent:          #F59E0B;   /* amber accent */
  --accent-dark:     #D9860A;
  --accent-strong:   #B45309;   /* deep amber — for amber text/icons on LIGHT backgrounds (AA-safe) */
  --gold:            #F59E0B;    /* amber for accent gradients */
  --accent-purple:   #1F4E5F;
  --accent-amber:    #F59E0B;
  --accent-amber-dark:#D9860A;
  --accent-green:    #2E8B6E;
  --accent-violet:   #1F4E5F;
  --accent-orange:   #F59E0B;
  --sage:            #8AB9B5;
  --sage-deep:       #4E938C;

  /* --- Dark surfaces (hero, footer, CTA banner) — deep navy --- */
  --bg-dark:         #0F2A33;
  --bg-dark-alt:     #1F4E5F;
  --bg-dark-accent:  #2C6C7E;

  /* --- Light surfaces --- */
  --bg-white:        #FFFFFF;
  --bg-light:        #F8FAFC;
  --bg-gray:         #EEF3F2;
  --bg-light-alt:    #EAF2F1;

  /* --- Text on light backgrounds --- */
  --text-dark:           #0F172A;   /* headings / strong body */
  --text-dark-secondary: #475569;   /* body / secondary */
  --text-dark-tertiary:  #64748B;   /* tertiary */

  /* --- Text on dark backgrounds --- */
  --text-primary:   #F8FAFC;
  --text-secondary: #CBD5E1;
  --text-tertiary:  #94A3B8;

  /* --- Gradients --- */
  --gradient-hero:    linear-gradient(135deg, #0F2A33 0%, #1F4E5F 55%, #2C6C7E 100%);
  --gradient-primary: linear-gradient(135deg, #1F4E5F 0%, #8AB9B5 100%);
  --gradient-text:    linear-gradient(135deg, #1F4E5F 0%, #4E938C 100%);

  /* --- Borders --- */
  --border-color:   #E2E8F0;
  --border-light:   #EEF2F7;

  /* --- Shadows — navy-tinted --- */
  --shadow-sm:         0 1px 2px rgba(15, 23, 42, 0.05);
  --shadow-card:       0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-card-hover: 0 12px 28px rgba(31, 78, 95, 0.14), 0 4px 10px rgba(15, 23, 42, 0.06);
  --shadow-md:         0 4px 14px rgba(15, 23, 42, 0.08);
  --shadow-lg:         0 12px 28px rgba(15, 23, 42, 0.10);
  --shadow-xl:         0 20px 40px rgba(15, 23, 42, 0.12);
  --shadow-2xl:        0 28px 56px -12px rgba(15, 23, 42, 0.22);
  --shadow-blue:       0 8px 22px rgba(31, 78, 95, 0.30);

  /* --- Border radius — modern, premium --- */
  --radius-sm:   8px;
  --radius-md:   10px;
  --radius-lg:   14px;
  --radius-xl:   18px;
  --radius-2xl:  24px;
  --radius-full: 9999px;

  /* --- Typography (matches college pages) --- */
  --font-display: 'Source Serif 4', 'Source Serif Pro', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-6xl:  3.75rem;
  --text-7xl:  4.5rem;

  /* --- Spacing --- */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;

  --section-y:    80px;
  --section-y-md: 56px;
  --section-y-sm: 40px;

  /* --- Container width (matches .container in layout.css) --- */
  --container: 1200px;

  /* --- Transitions --- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.2, 0.64, 1);
  --duration-fast:   150ms;
  --duration-normal: 250ms;
  --duration-slow:   400ms;

  /* --- Z-index layers --- */
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-overlay:  300;
  --z-modal:    400;
  --z-popup:    500;
  --z-toast:    600;

  /* --- Semantic aliases --- */
  --navy:    #1F4E5F;
  --navy-2:  #16414F;
  --navy-3:  #2C6C7E;
  --ink:     #0F172A;
  --paper:   #F8FAFC;
  --surface: #FFFFFF;
  --tint:    #EAF2F1;
  --rule:    #E2E8F0;
  --rule-2:  #CBD5E1;
}