/*
 * GetGild shared design tokens — the single source of truth for
 * apps/blog, apps/help, apps/landing and apps/toolkit. Canonical values per
 * documentation/07-brand/design-guidelines.md §3-4.
 *
 * Each app pulls this file in via its own build step (see each app's
 * README/config) and ships its own deployed copy — there is no single
 * shared URL across the three, since they deploy to different path
 * prefixes (and landing deploys to a different bucket entirely). Edit
 * this one file; every app picks up the change on its next deploy.
 */

:root {
  --primary:       #3730a3;
  --primary-dark:  #2d268f;
  --primary-light: #eef2ff;
  --accent:        #f59e0b;
  --bg:            #f8f7ff;
  --surface:       #ffffff;
  --border:        #ddd9f5;
  --text:          #1e1b4b;
  --muted:         #6b7280;
  --success:       #16a34a;
  --warning:       #d97706;
  --shadow-sm:     0 2px 8px rgba(0,0,0,0.06);
  --shadow-md:     0 8px 28px rgba(0,0,0,0.09);
  --shadow-lg:     0 24px 64px rgba(0,0,0,0.13);
  --radius:        12px;
  --radius-sm:     8px;
  --radius-lg:     20px;
}

html[data-theme="dark"] {
  --primary:       #818cf8;
  --primary-dark:  #6366f1;
  --primary-light: #1e1b4b;
  --accent:        #fbbf24;
  --bg:            #0f0e1a;
  --surface:       #1a1830;
  --border:        #2d2b52;
  --text:          #f0eeff;
  --muted:         #9ca3af;
  --success:       #34d399;
  --warning:       #fbbf24;
  --shadow-sm:     0 2px 8px rgba(0,0,0,0.45);
  --shadow-md:     0 8px 28px rgba(0,0,0,0.55);
  --shadow-lg:     0 24px 64px rgba(0,0,0,0.65);
}

html[data-theme="dark"] .nav-logo-stop-start { stop-color: #818cf8; }
html[data-theme="dark"] .nav-logo-dot { fill: #fbbf24; }