:root {
  color-scheme: light;

  --brand-primary: #0B1B2B;
  --brand-accent: #D4A84F;

  --ds-color-canvas: #f3f4f6;
  --ds-color-surface: #ffffff;
  --ds-color-surface-muted: #f7f8f9;
  --ds-color-surface-subtle: #eef1f4;
  --ds-color-surface-contrast: #e8edf2;

  --ds-color-text: #17202b;
  --ds-color-text-strong: #0f172a;
  --ds-color-text-muted: #5f6976;
  --ds-color-text-subtle: #6b7280;

  --ds-color-border: #d8dee6;
  --ds-color-border-strong: #c7d0da;
  --ds-color-border-soft: #e7ebf0;
  --ds-color-overlay: rgba(15, 23, 42, 0.24);

  --ds-color-accent-surface: #f7f0df;
  --ds-color-accent-border: #dec690;
  --ds-color-accent-text: #6f5417;
  --ds-color-on-primary: #ffffff;
  --ds-color-on-accent: #1f2937;

  --ds-color-status-neutral-bg: #f5f6f7;
  --ds-color-status-neutral-border: #d8dee6;
  --ds-color-status-neutral-text: #4f5a67;

  --ds-color-status-todo-bg: #faf4e8;
  --ds-color-status-todo-border: #e5c98c;
  --ds-color-status-todo-text: #855f11;

  --ds-color-status-wait-bg: #f2f3f5;
  --ds-color-status-wait-border: #d4dae2;
  --ds-color-status-wait-text: #566271;

  --ds-color-status-done-bg: #edf7ef;
  --ds-color-status-done-border: #b7d7be;
  --ds-color-status-done-text: #2f6b41;
  --ds-color-status-done-strong: #16a34a;

  --ds-color-status-warn-bg: #fbefef;
  --ds-color-status-warn-border: #e8bebe;
  --ds-color-status-warn-text: #8a3640;
  --ds-color-status-warn-strong: #dc2626;

  --ds-color-status-error-bg: #fbefef;
  --ds-color-status-error-border: #e4b7be;
  --ds-color-status-error-text: #842f3d;

  --ds-shadow-sm: 0 8px 18px rgba(15, 23, 42, 0.04);
  --ds-shadow-md: 0 14px 30px rgba(15, 23, 42, 0.06);

  --ds-radius-xs: 8px;
  --ds-radius-sm: 12px;
  --ds-radius-md: 16px;
  --ds-radius-lg: 20px;
  --ds-radius-xl: 24px;

  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 20px;
  --ds-space-6: 24px;
  --ds-space-7: 32px;
  --ds-space-8: 40px;

  --ds-font-sans: "Source Sans 3", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --ds-font-display: "Source Sans 3", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --ds-font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --ds-shell-max-width: 1280px;
  --ds-shell-content-max-width: 1180px;

  --bg: var(--ds-color-canvas);
  --card: var(--ds-color-surface);
  --surface: var(--ds-color-surface);
  --surface-muted: var(--ds-color-surface-muted);
  --text: var(--ds-color-text);
  --muted: var(--ds-color-text-muted);
  --line: var(--ds-color-border);
  --line2: var(--ds-color-border-soft);
  --shadow: var(--ds-shadow-md);
  --radius: var(--ds-radius-md);
  --font-sans: var(--ds-font-sans);
  --font-display: var(--ds-font-display);
  --primary: var(--brand-primary);
  --accent: var(--brand-accent);
}