/* Sndiq design tokens. Dark is the default; light is opt-in with data-theme="light" and sits on warm paper. The accent and the two font families are each one token, so a swap is a one-line change. */
:root {
  --sq-font: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --sq-font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --sq-bg: #05080F;
  --sq-surface: #0B1222;
  --sq-surface-2: #0E1526;
  --sq-sunken: #070C18;
  --sq-line: #18233D;
  --sq-line-strong: #263452;

  --sq-text: #EEF2F8;
  --sq-muted: #A9B6CC;
  --sq-subtle: #7D8BA6;

  --sq-accent: #0075F8;
  --sq-accent-ink: #4DA3FF;
  --sq-on-accent: #FFFFFF;
  --sq-navy: #012A6D;
  --sq-sand: #E6D5B8;

  --sq-success: #34D399;
  --sq-warning: #F5A524;
  --sq-danger: #F87171;

  --sq-radius-card: 16px;
  --sq-radius-control: 10px;
  --sq-radius-pill: 999px;

  --sq-space-1: 4px;
  --sq-space-2: 8px;
  --sq-space-3: 12px;
  --sq-space-4: 16px;
  --sq-space-5: 24px;
  --sq-space-6: 32px;
  --sq-space-7: 48px;
  --sq-space-8: 64px;

  --sq-shadow-lift: 0 30px 80px rgba(0, 0, 0, 0.5);
  --sq-glow-accent: 0 10px 40px rgba(0, 117, 248, 0.35);

  color-scheme: dark;
}

[data-theme="light"] {
  --sq-bg: #F6F0E4;
  --sq-surface: #FFFDF8;
  --sq-surface-2: #F1E9DA;
  --sq-sunken: #EFE7D8;
  --sq-line: #E3D9C4;
  --sq-line-strong: #D2C5AA;

  --sq-text: #0B1222;
  --sq-muted: #3D4A63;
  --sq-subtle: #5A6680;

  --sq-accent-ink: #0060D0;
  --sq-sand: #7A5C24;

  --sq-success: #0F8A5F;
  --sq-warning: #B26A00;
  --sq-danger: #C2323A;

  --sq-shadow-lift: 0 20px 50px rgba(11, 18, 34, 0.12);

  color-scheme: light;
}