/* ==========================================================================
   eVamb Technologies · v13.2 · Design Tokens
   Palette: Royal Navy + Light Saffron + Sky Yellow + Water-Reflection Green
   ========================================================================== */
:root {
  /* -------- Color · Royal Navy ramp --------------------------------------- */
  --navy-abyss:    #050B1A;
  --navy-deep:     #0A1428;
  --navy-rich:     #0F1F3D;
  --navy-mid:      #172B4D;
  --navy-soft:     #1E3A66;
  --navy-veil:     #2A3F66;

  /* -------- Color · Accents ----------------------------------------------- */
  --saffron:       #F4B860;    /* light saffron — primary accent */
  --saffron-soft:  #FFE6B3;    /* lighter saffron — highlight */
  --saffron-deep:  #D9963F;
  --sky-yellow:    #FFD93D;    /* attention */
  --water-green:   #4ECDC4;    /* water reflection green */
  --water-deep:    #2D9D8A;
  --water-soft:    #B3F0EB;

  /* -------- Color · Neutrals --------------------------------------------- */
  --white:         #FFFFFF;
  --white-soft:    #EEF2F8;
  --white-mute:    #C8D3E3;
  --white-faint:   #94A3BD;
  --white-dim:     #6A7A95;

  /* -------- Semantic ---------------------------------------------------- */
  --bg:            var(--navy-deep);
  --bg-panel:      var(--navy-rich);
  --bg-card:       var(--navy-mid);
  --bg-elev:       var(--navy-soft);

  --ink:           var(--white);
  --ink-soft:      var(--white-soft);
  --ink-mute:      var(--white-mute);
  --ink-faint:     var(--white-faint);
  --ink-dim:       var(--white-dim);

  --accent:        var(--saffron);
  --accent-soft:   var(--saffron-soft);
  --accent-warm:   var(--sky-yellow);
  --accent-cool:   var(--water-green);
  --accent-cool-deep: var(--water-deep);

  --line:          rgba(244, 184, 96, 0.16);
  --line-soft:     rgba(255, 255, 255, 0.08);
  --line-cool:     rgba(78, 205, 196, 0.18);
  --line-strong:   rgba(244, 184, 96, 0.32);

  /* -------- Type -------------------------------------------------------- */
  --ff-display: "Fraunces", "Times New Roman", Georgia, serif;
  --ff-sans:    "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
  --ff-mono:    "JetBrains Mono", "SF Mono", Menlo, monospace;

  --fs-hero:    clamp(2.25rem, 5.6vw, 5rem);
  --fs-display: clamp(2.5rem, 5.2vw, 5rem);
  --fs-h1:      clamp(2.25rem, 4.6vw, 4rem);
  --fs-h2:      clamp(1.875rem, 3.4vw, 3rem);
  --fs-h3:      clamp(1.375rem, 2.2vw, 2rem);
  --fs-h4:      clamp(1.125rem, 1.6vw, 1.5rem);

  --fs-lead:    clamp(1.125rem, 1.4vw, 1.375rem);
  --fs-body:    1.0625rem;
  --fs-small:   0.9375rem;
  --fs-tiny:    0.8125rem;
  --fs-mono:    0.78125rem;

  --lh-tight:   1.05;
  --lh-snug:    1.18;
  --lh-base:    1.55;
  --lh-loose:   1.72;

  --ls-display: -0.035em;
  --ls-h:       -0.022em;
  --ls-body:    -0.005em;
  --ls-mono:    0.08em;

  /* -------- Space rhythm ----------------------------------------------- */
  --s-1: 4px;   --s-2: 8px;   --s-3: 12px;  --s-4: 16px;
  --s-5: 24px;  --s-6: 32px;  --s-7: 48px;  --s-8: 64px;
  --s-9: 96px;  --s-10: 128px; --s-11: 160px; --s-12: 200px;

  /* -------- Layout ----------------------------------------------------- */
  --container-w:    1280px;
  --container-pad:  clamp(20px, 4vw, 56px);
  --r-sm: 6px; --r-md: 14px; --r-lg: 22px; --r-xl: 28px; --r-full: 999px;

  /* -------- Elevation -------------------------------------------------- */
  --sh-1: 0 1px 0 rgba(255,255,255,.04), 0 8px 24px -8px rgba(0,0,0,.45);
  --sh-2: 0 1px 0 rgba(255,255,255,.05), 0 20px 50px -20px rgba(0,0,0,.55);
  --sh-3: 0 2px 0 rgba(255,255,255,.06), 0 40px 80px -28px rgba(0,0,0,.65);

  /* -------- Motion ----------------------------------------------------- */
  --ease-out:    cubic-bezier(.22,.84,.32,1);
  --ease-out-q:  cubic-bezier(.18,.97,.34,1);
  --ease-in-out: cubic-bezier(.7,0,.3,1);
  --d-fast: 180ms; --d-base: 320ms; --d-slow: 620ms; --d-vslow: 1100ms;

  /* -------- Z ---------------------------------------------------------- */
  --z-bg: 0; --z-base: 1; --z-elev: 10; --z-nav: 80; --z-modal: 200; --z-cookie: 220;
}