/* SitePilot design tokens — light theme, Linear-adjacent. */
:root {
  /* Color */
  --bg:           #ffffff;
  --bg-muted:     #f7f8fa;
  --bg-elevated:  #ffffff;
  --ink:          #0a0a0f;
  --ink-2:        #3c4150;
  --ink-3:        #6b7280;
  --line:         #e5e7eb;
  --line-soft:    #eef0f4;
  --brand:        #4f46e5;
  --brand-hover:  #4338ca;
  --brand-soft:   #eef2ff;
  --accent:       #06b6d4;
  --warn:         #f59e0b;
  --ok:           #10b981;
  --tile:         #f59e0b;   /* matches the in-app Pilot tile */

  /* Type */
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, 'JetBrains Mono', 'SF Mono', Menlo, monospace;

  --fs-display: clamp(40px, 6vw, 72px);
  --fs-h1:      clamp(32px, 4vw, 48px);
  --fs-h2:      28px;
  --fs-h3:      20px;
  --fs-body:    17px;
  --fs-small:   14px;
  --fs-tiny:    13px;

  --lh-tight:   1.08;
  --lh-snug:    1.25;
  --lh-body:    1.55;

  --tracking-tight: -0.02em;

  /* Spacing */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-6:24px; --s-8:32px;
  --s-10:40px; --s-12:48px; --s-16:64px; --s-24:96px; --s-32:128px;

  /* Radius */
  --r-sm:6px; --r-md:10px; --r-lg:14px; --r-xl:20px;

  /* Shadow + glow */
  --shadow-1: 0 1px 2px rgba(10, 10, 15, 0.04), 0 1px 1px rgba(10, 10, 15, 0.02);
  --shadow-2: 0 8px 24px rgba(10, 10, 15, 0.06), 0 2px 6px rgba(10, 10, 15, 0.04);
  --glow:     radial-gradient(60% 50% at 50% 0%, rgba(79, 70, 229, 0.16), rgba(255, 255, 255, 0) 70%);
}