/* =========================================================
   EDIUSFA — 01-TOKENS
   Design System Tokens (CSS Custom Properties)
   -----------------------------------------------------------------
   Source of truth: ediusfa-homepage-final.html (lines 16–131)
   -----------------------------------------------------------------
   Deep Navy + Electric Cyan + Warm Amber

   @package    EdiusFA
   @subpackage assets/css
   @since      0.1.0
   @version    0.1.0
   @FROZEN     (tokens are the contract — overrides happen via Customizer only)
   ========================================================= */

:root{

  /* ---- Color / Background ---- */
  --navy-950:#070A10;
  --navy-900:#0B0F17;
  --navy-800:#111826;
  --navy-700:#161F30;
  --navy-600:#1D2A40;

  --bg:              var(--navy-900);
  --bg-elevated:      var(--navy-800);
  --bg-elevated-2:    var(--navy-700);
  --bg-sunken:         var(--navy-950);

  /* ---- Color / Ink (text on navy) ---- */
  --ink:        #EAF1FA;
  --ink-dim:    #8C9BB5;
  --ink-faint:  #57647F;
  --ink-on-accent: #04141A;

  /* ---- Color / Brand — Electric Cyan (primary) ---- */
  --cyan-100:#CFFBFF;
  --cyan-300:#63E5F2;
  --cyan-400:#2FD9EC;
  --cyan-500:#12C4DB;
  --cyan-600:#0EA0B4;
  --cyan-700:#0C7684;
  --cyan-900:#0A3940;

  --cyan:        var(--cyan-400);
  --cyan-strong: var(--cyan-500);
  --cyan-dim:    var(--cyan-700);

  /* ---- Color / Brand — Warm Amber (secondary) ---- */
  --amber-100:#FCE9C8;
  --amber-300:#F3C579;
  --amber-400:#EDA83E;
  --amber-500:#DB9227;
  --amber-600:#B0741C;
  --amber-900:#4A2F0C;

  --amber:       var(--amber-400);
  --amber-strong: var(--amber-500);
  --amber-dim:    var(--amber-600);

  /* ---- Color / Semantic ---- */
  --success:       #33D19D;
  --success-dim:   #157A57;
  --danger:        #F0576A;
  --danger-dim:    #8C2836;
  --info:          var(--cyan-400);

  /* ---- Color / Lines & Surfaces ---- */
  --line:         rgba(234,241,250,0.08);
  --line-strong:  rgba(234,241,250,0.16);
  --line-cyan:    rgba(47,217,236,0.35);
  --overlay:      rgba(6,9,14,0.72);

  /* ---- Typography ---- */
  --font-sans: 'Vazirmatn', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  --text-2xs: 11px;
  --text-xs:  12.5px;
  --text-sm:  13.5px;
  --text-base:15.5px;
  --text-md:  17px;
  --text-lg:  19px;
  --text-xl:  23px;
  --text-2xl: 28px;
  --text-3xl: 34px;
  --text-4xl: 44px;
  --text-5xl: 56px;

  --lh-tight: 1.25;
  --lh-normal: 1.55;
  --lh-loose: 1.8;

  --w-regular:400;
  --w-medium:500;
  --w-semibold:600;
  --w-bold:700;
  --w-black:800;

  /* ---- Spacing scale ---- */
  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px;
  --sp-5:20px; --sp-6:24px; --sp-7:32px; --sp-8:40px;
  --sp-9:56px; --sp-10:72px; --sp-11:96px;

  /* ---- Radius ---- */
  --radius-xs:6px;
  --radius-sm:9px;
  --radius-md:14px;
  --radius-lg:20px;
  --radius-full:999px;

  /* ---- Shadow ---- */
  --shadow-sm: 0 2px 8px rgba(3,5,9,.35);
  --shadow-md: 0 10px 30px rgba(3,5,9,.45);
  --shadow-lg: 0 24px 60px rgba(3,5,9,.55);
  --glow-cyan: 0 0 0 3px rgba(47,217,236,.16);
  --glow-amber: 0 0 0 3px rgba(237,168,62,.18);
  --glow-danger: 0 0 0 3px rgba(240,87,106,.18);

  /* ---- Motion ---- */
  --ease: cubic-bezier(.4,0,.2,1);
  --dur-fast: .15s;
  --dur-med: .25s;

  /* ---- Z-index ---- */
  --z-sidebar: 40;
  --z-header: 50;
  --z-modal: 100;
  --z-toast: 110;
  --z-tooltip: 120;
}