/* GPT Desk — Design Tokens — Statio indigo system */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  /* Colors */
  --c-primary:      #5956E9;
  --c-primary-h:    #4845D6;
  --c-primary-s:    rgba(89,86,233,0.08);
  --c-primary-dim:  rgba(89,86,233,0.15);
  --c-secondary:    #7B6FF0;
  --c-accent:       #F59E0B;
  --c-surface:      #FFFFFF;
  --c-bg:           #F5F6FF;
  --c-bg-alt:       #EEEEFF;
  --c-border:       rgba(89,86,233,0.12);
  --c-text:         #1A1A2E;
  --c-text-2:       #6B6B8A;
  --c-text-3:       #A0A0BA;
  --c-danger:       #EF4444;
  --c-success:      #10a37f;

  /* Typography */
  --font:           'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --text-xs:        11px;
  --text-sm:        13px;
  --text-base:      15px;
  --text-md:        17px;
  --text-lg:        22px;
  --text-xl:        30px;
  --text-2xl:       42px;
  --text-3xl:       56px;

  /* Spacing (4pt grid) */
  --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 20px;  --sp-6: 24px;  --sp-8: 32px;  --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px; --sp-20: 80px; --sp-24: 96px;

  /* Radius */
  --r-sm:  8px;
  --r-md:  12px;
  --r-lg:  16px;
  --r-xl:  24px;
  --r-full: 9999px;

  /* Shadows */
  --shadow-sm:   0 1px 4px rgba(89,86,233,0.08), 0 0 0 1px rgba(89,86,233,0.06);
  --shadow-md:   0 4px 24px rgba(89,86,233,0.10);
  --shadow-lg:   0 8px 40px rgba(89,86,233,0.15);
  --shadow-hero: 0 20px 60px rgba(89,86,233,0.25);

  /* Layout */
  --max-w:     1160px;
  --nav-h:     68px;
}

/* Base reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  font-family: var(--font);
  font-size: var(--text-base);
  color: var(--c-text);
  background: var(--c-surface);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }
ul, ol { list-style: none; }