/* =====================================================================
   AIsion — Design Tokens
   Brand system derived from Edge91 Technologies (edge91.com)
   Signature violet #5B3DF5 · deep ink navy · cyan + green accents
   Fonts: Sora (display) · Inter (body) · JetBrains Mono (labels/code)
   ===================================================================== */

:root {
  /* ---- Core palette ---- */
  --ink-900: #080B22;   /* deepest background */
  --ink-800: #0B0F2C;   /* hero / dark sections */
  --ink-700: #0E1330;   /* Edge91 primary dark */
  --ink-600: #171C42;   /* raised dark surface */
  --ink-500: #232A57;   /* dark borders / lines */

  --violet-700: #3D28C4;
  --violet-600: #4A2FE0;
  --violet-500: #5B3DF5; /* PRIMARY BRAND */
  --violet-400: #7A63F8;
  --violet-300: #A492FB;
  --violet-100: #EDF0FF; /* light panel */

  --cyan-500: #20C7F0;
  --cyan-400: #4FD6F5;
  --green-500: #10B981;
  --green-400: #34D399;
  --amber-500: #F5A623;
  --rose-500:  #F43F7F;

  /* ---- Neutrals (light theme surfaces) ---- */
  --bg:        #F7F8FD;  /* page background */
  --bg-alt:    #EEF1FB;  /* alternating section */
  --surface:   #FFFFFF;  /* cards */
  --panel:     #EDF0FF;

  --text:      #1B2145;  /* primary heading ink on light */
  --text-body: #3D4468;  /* body copy */
  --muted:     #6B7398;  /* secondary */
  --faint:     #9AA3CC;  /* tertiary / hints */
  --line:      rgba(14, 19, 48, 0.09); /* hairline borders on light */
  --line-2:    rgba(14, 19, 48, 0.14);

  /* ---- On-dark text ---- */
  --on-dark:        #F3F5FF;
  --on-dark-body:   #C3C9EC;
  --on-dark-muted:  #8E97C9;
  --on-dark-line:   rgba(255, 255, 255, 0.10);
  --on-dark-line-2: rgba(255, 255, 255, 0.18);

  /* ---- Gradients ---- */
  --grad-brand:  linear-gradient(120deg, #5B3DF5 0%, #7A63F8 45%, #20C7F0 100%);
  --grad-violet: linear-gradient(120deg, #5B3DF5 0%, #A492FB 100%);
  --grad-aurora: linear-gradient(120deg, #5B3DF5 0%, #B14BF4 40%, #20C7F0 100%);
  --grad-ink:    linear-gradient(180deg, #0E1330 0%, #080B22 100%);
  --grad-text:   linear-gradient(100deg, #FFFFFF 0%, #C9BEFF 55%, #7FE6FF 100%);
  --grad-text-dk:linear-gradient(100deg, #5B3DF5 0%, #7A63F8 50%, #20C7F0 100%);

  /* ---- Radii ---- */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 30px;
  --r-pill: 999px;

  /* ---- Shadows ---- */
  --sh-sm:  0 1px 2px rgba(14,19,48,.06), 0 2px 6px rgba(14,19,48,.05);
  --sh-md:  0 8px 24px rgba(14,19,48,.08), 0 2px 6px rgba(14,19,48,.05);
  --sh-lg:  0 24px 60px rgba(14,19,48,.12), 0 8px 20px rgba(14,19,48,.06);
  --sh-violet: 0 18px 50px rgba(91,61,245,.35);
  --sh-glow:   0 0 0 1px rgba(91,61,245,.35), 0 12px 40px rgba(91,61,245,.28);

  /* ---- Typography ---- */
  --font-display: "Sora", "Segoe UI", system-ui, sans-serif;
  --font-body:    "Inter", "Segoe UI", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", "SF Mono", Consolas, monospace;

  /* fluid type scale */
  --fs-eyebrow: 0.78rem;
  --fs-body:    1.0625rem;
  --fs-lead:    clamp(1.15rem, 1rem + 0.6vw, 1.4rem);
  --fs-h3:      clamp(1.3rem, 1.1rem + 0.9vw, 1.7rem);
  --fs-h2:      clamp(1.9rem, 1.4rem + 2.2vw, 3.1rem);
  --fs-h1:      clamp(2.6rem, 1.6rem + 4.4vw, 5rem);
  --fs-display: clamp(3rem, 1.4rem + 6.5vw, 6.6rem);

  /* ---- Layout ---- */
  --maxw: 1200px;
  --maxw-wide: 1340px;
  --maxw-narrow: 820px;
  --gutter: clamp(1.15rem, 4vw, 2.5rem);
  --nav-h: 74px;

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(.22,.61,.36,1);
  --ease-inout: cubic-bezier(.65,.05,.36,1);
  --ease-spring: cubic-bezier(.16,1.11,.3,1);
  --t-fast: .18s;
  --t-med: .34s;
  --t-slow: .6s;
}