/* ============================================================
   SV Tech Innovations — Design Tokens
   THEME: Pure Purple (#7C3AED) with Orange ONLY as CTA accent
   ============================================================ */

:root, [data-theme="light"] {
  /* ── Brand Colours ── */
  --purple:        #7C3AED;
  --purple-dark:   #5B21B6;
  --purple-deep:   #4C1D95;
  --purple-light:  #EDE9FE;
  --purple-mid:    #A78BFA;
  --purple-pale:   #F5F3FF;

  /* Orange accent is used for high contrast elements and gradients */
  --orange:        #F97316; /* Vibrant Orange */
  --orange-mid:    #FB923C; /* Medium Orange */
  --orange-light:  #FFF7ED; /* Soft Orange Tint */

  /* ── Gradients ── */
  --grad:          linear-gradient(135deg, #F97316 0%, #7C3AED 100%);
  --grad-soft:     linear-gradient(135deg, rgba(249,115,22,.08) 0%, rgba(124,58,237,.05) 100%);
  --grad-hero:     linear-gradient(160deg, #FFF7ED 0%, #F5F3FF 50%, #FAF5FF 100%);
  --grad-dark:     linear-gradient(135deg, #1E1333 0%, #2D1B4E 100%);
  --grad-cta:      linear-gradient(135deg, #F97316 0%, #7C3AED 100%);

  /* ── Backgrounds ── */
  --bg:            #FFFFFF;
  --bg2:           #F8F7FF;
  --bg3:           #EDE9FE;
  --card:          #FFFFFF;
  --card-hover:    #FDFBFF;

  /* ── Text ── */
  --text:          #1A0F35;
  --text2:         #4B3A6E;
  --muted:         #8B79AA;

  /* ── Borders ── */
  --border:        rgba(124,58,237,.10);
  --border2:       rgba(124,58,237,.18);

  /* ── Navbar (Frosted Glass) ── */
  --nav-bg:        rgba(255,255,255,.45);
  --nav-blur:      blur(30px) saturate(210%) brightness(1.02);
  --nav-border:    rgba(124,58,237,.22);
  --nav-shadow:    0 2px 32px rgba(124,58,237,.12), 0 1px 0 rgba(255,255,255,.95) inset;

  /* ── Shadows ── */
  --shadow:        0 1px 8px rgba(124,58,237,.08), 0 4px 20px rgba(124,58,237,.06);
  --shadow-md:     0 4px 24px rgba(124,58,237,.12);
  --shadow-lg:     0 8px 48px rgba(124,58,237,.16);
  --shadow-xl:     0 20px 64px rgba(124,58,237,.22);
  --shadow-brand:  0 4px 20px rgba(124,58,237,.35);

  /* ── Glass ── */
  --glass:         rgba(255,255,255,.70);
  --glass-border:  rgba(255,255,255,.95);

  /* ── Tokens ── */
  --radius-sm:     8px;
  --radius-md:     14px;
  --radius-lg:     20px;
  --radius-xl:     28px;
  --radius-full:   999px;
  --ease:          cubic-bezier(.4,0,.2,1);
  --spring:        cubic-bezier(.16, 1, .3, 1);
  --fast:          .18s;
  --base:          .28s;
  --slow:          .45s;
  --container:     1240px;
  --section-pad:   96px 0;
  --font:          'Outfit', 'Inter', system-ui, sans-serif;
  --font2:         'Inter', system-ui, sans-serif;
}

[data-theme="dark"] {
  --purple:        #A78BFA;
  --purple-dark:   #7C3AED;
  --purple-deep:   #6D28D9;
  --purple-light:  #1E1333;
  --purple-mid:    #C4B5FD;
  --purple-pale:   #1C1535;

  --orange:        #FB923C;
  --orange-mid:    #F97316;
  --orange-light:  #2C1400;

  --grad:          linear-gradient(135deg, #FB923C 0%, #8B5CF6 100%);
  --grad-soft:     linear-gradient(135deg, rgba(251,146,60,.12) 0%, rgba(139,92,246,.08) 100%);
  --grad-hero:     linear-gradient(160deg, #0F0800 0%, #0D0618 50%, #0D0618 100%);
  --grad-dark:     linear-gradient(135deg, #0D0618 0%, #1A0F30 100%);
  --grad-cta:      linear-gradient(135deg, #FB923C 0%, #8B5CF6 100%);

  --bg:            #0D0618;
  --bg2:           #120C20;
  --bg3:           #1C1535;
  --card:          #160B22;
  --card-hover:    #1E1333;

  --text:          #F0EBFF;
  --text2:         #C4B5FD;
  --muted:         #7C6A9E;

  --border:        rgba(167,139,250,.10);
  --border2:       rgba(167,139,250,.20);

  --nav-bg:        rgba(13,6,24,.55);
  --nav-border:    rgba(167,139,250,.22);
  --nav-shadow:    0 2px 32px rgba(0,0,0,.6), 0 1px 0 rgba(167,139,250,.10) inset;

  --shadow:        0 1px 8px rgba(0,0,0,.5), 0 4px 20px rgba(0,0,0,.35);
  --shadow-md:     0 4px 24px rgba(0,0,0,.55);
  --shadow-lg:     0 8px 48px rgba(0,0,0,.65);
  --shadow-xl:     0 20px 64px rgba(0,0,0,.75);
  --shadow-brand:  0 4px 20px rgba(167,139,250,.22);

  --glass:         rgba(22,11,34,.72);
  --glass-border:  rgba(167,139,250,.12);
}