:root {
  color-scheme: light;

  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;

  --leading-tight: 1.2;
  --leading-snug: 1.35;
  --leading-normal: 1.55;

  --weight-normal: 400;
  --weight-medium: 550;
  --weight-semibold: 650;
  --weight-bold: 750;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgb(15 23 42 / 0.06), 0 1px 3px rgb(15 23 42 / 0.08);
  --shadow-md: 0 4px 12px rgb(15 23 42 / 0.08), 0 2px 4px rgb(15 23 42 / 0.06);
  --shadow-lg: 0 16px 40px rgb(15 23 42 / 0.16), 0 4px 10px rgb(15 23 42 / 0.08);

  --z-nav: 30;
  --z-overlay: 40;
  --z-dialog: 50;
  --z-toast: 60;

  --motion-fast: 120ms;
  --motion-base: 180ms;
  --motion-slow: 260ms;

  --color-bg: #f6f7f9;
  --color-surface: #ffffff;
  --color-surface-raised: #ffffff;
  --color-surface-sunken: #eef1f5;
  --color-border: #d8dee7;
  --color-border-strong: #b9c3d0;
  --color-text: #172033;
  --color-text-muted: #5b6779;
  --color-text-inverse: #f8fafc;
  --color-primary: #1f5fbf;
  --color-primary-hover: #174c9b;
  --color-primary-soft: #e8f0fc;
  --color-focus: #f59e0b;
  --color-success: #177a4c;
  --color-success-soft: #e4f6ec;
  --color-warning: #9a5b00;
  --color-warning-soft: #fff3db;
  --color-danger: #b42318;
  --color-danger-soft: #fdeceb;
  --color-info: #176a8a;
  --color-info-soft: #e5f5fa;

  --status-draft: #5b6779;
  --status-submitted: #9a5b00;
  --status-in-review: #176a8a;
  --status-approved: #177a4c;
  --status-rejected: #b42318;
  --status-closed: #5b6779;
  --status-archived: #5b6779;
}

[data-theme="dark"] {
  color-scheme: dark;

  --color-bg: #0d1420;
  --color-surface: #141d2b;
  --color-surface-raised: #1a2536;
  --color-surface-sunken: #0a111b;
  --color-border: #2a374a;
  --color-border-strong: #3c4c63;
  --color-text: #e8edf5;
  --color-text-muted: #a4b0c2;
  --color-text-inverse: #0d1420;
  --color-primary: #7db1ff;
  --color-primary-hover: #a5c8ff;
  --color-primary-soft: #1a2c48;
  --color-focus: #fbbf24;
  --color-success: #5fd39a;
  --color-success-soft: #123326;
  --color-warning: #f3bd5c;
  --color-warning-soft: #3a2a10;
  --color-danger: #ff8b82;
  --color-danger-soft: #3d1b1b;
  --color-info: #7dd3e8;
  --color-info-soft: #12303a;

  --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.3);
  --shadow-md: 0 6px 18px rgb(0 0 0 / 0.35);
  --shadow-lg: 0 20px 50px rgb(0 0 0 / 0.5);
}