/* SignalTools — Design tokens
 * Drop-in CSS custom properties. Override any of these in your own :root to retheme.
 */

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&family=Geist+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap');

:root {
  /* ---- Surface ---- */
  --bg: #FBFAF7;          /* page background — warm off-white */
  --bg-2: #F5F3EE;        /* subtle elevated/footer bg */
  --bg-3: #EFEBE2;        /* deeper warm tint */
  --surface: #FFFFFF;     /* card surfaces */

  /* ---- Ink (warm near-blacks) ---- */
  --ink:   #14110D;       /* primary text, primary buttons */
  --ink-2: #2A2620;       /* hover / secondary text */
  --ink-3: #56504A;       /* body text */
  --ink-4: #8A8378;       /* meta / labels */
  --ink-5: #B8B0A3;       /* placeholders, disabled */

  /* ---- Lines ---- */
  --line:   rgba(20, 17, 13, 0.08);
  --line-2: rgba(20, 17, 13, 0.14);

  /* ---- Accent (indigo) ---- */
  --accent:       #4F46E5;
  --accent-hover: #4338CA;
  --accent-soft:  #EEF0FF;
  --accent-ink:   #2E2A8C;

  /* ---- Status ---- */
  --positive:      #1F8A5B;
  --positive-soft: #DDF1E6;
  --warn:          #C97D2A;
  --warn-soft:     #FAE9D2;
  --danger:        #C03A2B;
  --danger-soft:   #F8DDD8;

  /* ---- Shadows (soft, warm-tinted) ---- */
  --shadow-sm: 0 1px 2px rgba(20,17,13,0.04), 0 1px 1px rgba(20,17,13,0.03);
  --shadow-md: 0 4px 12px rgba(20,17,13,0.06), 0 1px 3px rgba(20,17,13,0.04);
  --shadow-lg: 0 12px 32px rgba(20,17,13,0.08), 0 2px 6px rgba(20,17,13,0.05);
  --shadow-xl: 0 24px 56px rgba(20,17,13,0.10), 0 4px 12px rgba(20,17,13,0.06);

  /* ---- Type ---- */
  --font-sans:    'Geist', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono:    'Geist Mono', ui-monospace, 'SF Mono', monospace;
  --font-serif:   'Instrument Serif', 'Times New Roman', serif;
  --font-display: 'Geist', -apple-system, system-ui, sans-serif;

  /* ---- Radii ---- */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --r-2xl: 28px;
  --r-pill: 999px;

  /* ---- Spacing scale (4px base) ---- */
  --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;

  /* ---- Layout ---- */
  --content-max: 1200px;
  --header-h: 60px;
}

/* Optional: dark mode override block — uncomment + opt in via [data-theme="dark"]
[data-theme="dark"] {
  --bg: #0F0E0C;
  --bg-2: #161513;
  --bg-3: #1F1D1A;
  --surface: #1A1816;
  --ink: #F5F3EE;
  --ink-2: #D9D5CC;
  --ink-3: #ABA59A;
  --ink-4: #807A6E;
  --ink-5: #5C5750;
  --line:   rgba(255,250,240,0.08);
  --line-2: rgba(255,250,240,0.14);
}
*/