:root {
  /* Colors */
  --main-color: #8b5cf6;

  --clr-bg:#fbfbf8;
  --clr-bg2:#f4f4ef;
  --clr-bg3:#ecece6;

  --clr-surface:#ffffff;
  --clr-surface-2:#f8f8f5;

  --clr-border:rgba(0,0,0,0.08);
  --clr-border-hi:rgba(124,58,237,0.22);

  --clr-accent:#7c3aed;
  --clr-accent-hover:#6d28d9;

  --clr-accent2:#c8a23a;
  --clr-accent2-hover:#b38f2f;

  --clr-accent3:#ffffff;

  --clr-accent-dim: rgba(124,58,237,0.08);
  --clr-accent2-dim:rgba(200,162,58,0.08);

  --clr-text-head:  #7c3aed;
  --clr-text:       #111111;
  --clr-text2:      #444444;
  --clr-text3:      #777777;
  --clr-text4:      #a0a0a0;

  --clr-success:    #16a34a;
  --clr-danger:     #dc2626;
  --clr-warn:       #ea580c;

  /* Fonts */
  --font-mono:      'JetBrains Mono', monospace,"Prompt";
  --font-display:   'Syne', sans-serif,"Prompt";
  --font-body:      'Inter', sans-serif,"Prompt";

  /* Font Sizes */
  --fs-xs:          0.75rem;
  --fs-sm:          0.875rem;
  --fs-md:          1rem;
  --fs-lg:          1.125rem;
  --fs-xl:          1.5rem;
  --fs-2xl:         2.25rem;
  --fs-3xl:         3.5rem;
  --fs-4xl:         5rem;

  /* Spacing */
  --sp-xs:          4px;
  --sp-sm:          8px;
  --sp-md:          16px;
  --sp-lg:          24px;
  --sp-xl:          40px;
  --sp-2xl:         64px;
  --sp-3xl:         96px;
  --sp-4xl:         140px;

  /* Radius */
  --r-xs:           2px;
  --r-sm:           6px;
  --r-md:           12px;
  --r-lg:           20px;
  --r-xl:           28px;
  --r-pill:         999px;

  /* Shadows */
  --shadow-sm:      0 2px 8px rgba(0,0,0,.04);
  --shadow-md:      0 8px 24px rgba(0,0,0,.06);
  --shadow-lg:      0 16px 40px rgba(0,0,0,.08);
  --shadow-accent:  0 12px 30px rgba(124,58,237,.16);

  /* Layout */
  --container:      1280px;
  --nav-height:     88px;
  --section-gap:    140px;

  /* Blur */
  --blur-sm:        8px;
  --blur-md:        16px;
  --blur-lg:        24px;

  /* Animation */
  --ease-out:       cubic-bezier(0.16,1,0.3,1);
  --ease-in:        cubic-bezier(0.7,0,0.84,0);
  --ease-io:        cubic-bezier(0.83,0,0.17,1);

  --dur-fast:       0.2s;
  --dur-mid:        0.4s;
  --dur-slow:       0.8s;
  --dur-xslow:      1.2s;

  /* Z Layers */
  --z-bg:           0;
  --z-sections:     10;
  --z-nav:          100;
  --z-kb:           200;
  --z-overlay:      300;
  --z-cursor:       400;
  --z-loader:       500;
  --z-max:          9999;
}