/* IceBox design tokens. Generated by hand from outputs/icebox-design-sheet/project/tokens.json (2026-10-25).
   Additive: declares variables only. Nothing changes until a stylesheet or view reads var(--name). */
:root, [data-theme="app"] {
  --surface: #0f172a; --surface-raised: #1e293b; --surface-control: #334155;
  --line: #334155; --line-strong: #64748b;
  --ink: #f8fafc; --ink-soft: #cbd5e1; --ink-muted: #94a3b8;
  --brand: #38c8d0; --brand-tint: #38c8d024; --accent: #3b82f6; --on-accent: #ffffff; --focus-ring: #93c5fd;
  --success: #34d399; --success-tint: #34d39924; --warning: #fcd34d; --warning-tint: #f59e0b24;
  --danger: #ef4444; --danger-tint: #ef444424; --info: #7dd3fc; --info-tint: #38bdf824; --overlay: #00000080;
  --shadow-modal: 0 20px 50px rgba(0, 0, 0, 0.5);
  --shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --shadow-float: 0 8px 24px rgba(0, 0, 0, 0.45);
  --sticky-paper: #fffbeb; --sticky-ink: #92400e;
  --accent-glow: 0 0 0 3px rgba(59, 130, 246, 0.25);
}
[data-theme="app-light"] {
  --surface: #f3f6fa; --surface-raised: #ffffff; --surface-control: #e6ecf4;
  --line: #d6dde8; --line-strong: #7f93b0;
  --ink: #08132e; --ink-soft: #2c3a52; --ink-muted: #5b6b85;
  --brand: #002864; --brand-tint: #0028641a; --accent: #002864; --on-accent: #ffffff; --focus-ring: #2e74a3;
  --success: #0f7a4c; --success-tint: #0f7a4c1a; --warning: #8a5a00; --warning-tint: #f59e0b26;
  --danger: #b42318; --danger-tint: #b423181a; --info: #2e74a3; --info-tint: #2e74a31a; --overlay: #08132e66;
  --shadow-modal: 0 12px 32px rgba(8, 19, 46, 0.22);
  --shadow-card: 0 2px 6px rgba(8, 19, 46, 0.08);
  --shadow-float: 0 8px 24px rgba(8, 19, 46, 0.18);
  --sticky-paper: #fffbeb; --sticky-ink: #92400e;
  --accent-glow: 0 0 0 3px rgba(0, 40, 100, 0.2);
}
[data-theme="print"] {
  --surface: #ffffff; --surface-raised: #f8f8f8; --surface-control: #eff2f7;
  --line: #dddddd; --line-strong: #8296b4;
  --ink: #08132e; --ink-soft: #333333; --ink-muted: #5b6b85;
  --brand: #002864; --brand-tint: #0028641a; --accent: #002864; --on-accent: #ffffff; --focus-ring: #2e74a3;
  --success: #0f7a4c; --success-tint: #0f7a4c1a; --warning: #8a5a00; --warning-tint: #f59e0b1f;
  --danger: #b42318; --danger-tint: #b423181a; --info: #2e74a3; --info-tint: #2e74a31a; --overlay: #08132e66;
  --shadow-modal: 0 8px 24px rgba(8, 19, 46, 0.18);
  --shadow-card: none;
  --shadow-float: none;
  --sticky-paper: #fffbeb; --sticky-ink: #92400e;
  --accent-glow: none;
}
:root {
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px;
  --radius-sm: 4px; --radius-md: 6px; --radius-lg: 12px; --radius-pill: 999px;
  --control-height: 42px; --tap-height: 44px; --measure: 720px; --measure-wide: 1040px;
  --modal-sm: 520px; --modal-lg: 760px;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}