/* Shadowbit brand tokens. Generated from tokens.json - edit that file, not this one. */
:root {
  --surface: #ffffff;
  --surface-raised: #f7f5f3;
  --ink: #18171c;
  --ink-muted: #5f5d66;
  --border: #e4e1dd;
  --border-strong: #8a8790;
  --brand: #f46b37;
  --brand-orange: #fe8b38;
  --brand-red: #e6332e;
  --on-brand: #18171c;
  --brand-text: #c2410c;
  --brand-tint: #ffe9dc;
  --shade: #18171c;
  --focus: #18171c;
  --success: #17703f;
  --success-tint: #e3f5ea;
  --warning: #8a5a00;
  --warning-tint: #fdf1d3;
  --danger: #b3123f;
  --danger-tint: #fde7ec;
  --space-1: 4px;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 24px;
  --radius-full: 999px;
  --brand-gradient: linear-gradient(135deg, #fe8b38 0%, #f46b37 50%, #e6332e 100%);
  --font-sans: Poppins, system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface: #0e0d12;
    --surface-raised: #1b1a20;
    --ink: #f7f5f3;
    --ink-muted: #a9a7b0;
    --border: #2f2d36;
    --border-strong: #77757e;
    --brand-text: #fe8b38;
    --brand-tint: #3b2318;
    --shade: #5b1a20;
    --focus: #fe8b38;
    --success: #5fd38f;
    --success-tint: #15301f;
    --warning: #f2c14e;
    --warning-tint: #3a2c0b;
    --danger: #ff8fa3;
    --danger-tint: #3d1420;
  }
}
:root[data-theme="dark"] {
  --surface: #0e0d12;
  --surface-raised: #1b1a20;
  --ink: #f7f5f3;
  --ink-muted: #a9a7b0;
  --border: #2f2d36;
  --border-strong: #77757e;
  --brand-text: #fe8b38;
  --brand-tint: #3b2318;
  --shade: #5b1a20;
  --focus: #fe8b38;
  --success: #5fd38f;
  --success-tint: #15301f;
  --warning: #f2c14e;
  --warning-tint: #3a2c0b;
  --danger: #ff8fa3;
  --danger-tint: #3d1420;
}
.text-display { font: 700 56px/60px var(--font-sans); letter-spacing: -0.02em; }
.text-h1 { font: 700 36px/44px var(--font-sans); letter-spacing: -0.01em; }
.text-h2 { font: 600 24px/32px var(--font-sans); }
.text-h3 { font: 600 18px/26px var(--font-sans); }
.text-body { font: 400 16px/26px var(--font-sans); }
.text-small { font: 400 14px/22px var(--font-sans); }
.text-label { font: 600 12px/16px var(--font-sans); letter-spacing: 0.04em; }