:root {
  color-scheme: light;

  --color-brand: #0f766e;
  --color-brand-hover: #0b625c;
  --color-brand-active: #084c48;
  --color-brand-background-subtle: #e7f8f5;
  --color-brand-border: #8bd7cd;
  --color-brand-text: #07534e;
  --color-brand-icon: #0f766e;

  --color-sidebar: #0b2027;
  --color-sidebar-surface: #12323a;
  --color-sidebar-hover: #183d45;
  --color-sidebar-border: #31515a;
  --color-sidebar-text: #edf7f8;
  --color-sidebar-text-muted: #9bb3b9;

  --color-page-background: #f4f7f8;
  --color-surface: #ffffff;
  --color-elevated-surface: #ffffff;
  --color-surface-subtle: #f7fafb;
  --color-border: #dce6e8;
  --color-border-strong: #b8c9cd;
  --color-divider: #e8eef0;
  --color-text-primary: #142429;
  --color-text-secondary: #465e65;
  --color-text-muted: #667b82;
  --color-focus: #087f8c;
  --color-focus-ring: rgb(8 127 140 / 24%);
  --color-overlay: rgb(11 32 39 / 58%);

  --color-success: #237a4b;
  --color-success-background-subtle: #eaf7ef;
  --color-success-border: #92cfa9;
  --color-success-text: #155b35;
  --color-success-icon: #237a4b;

  --color-warning: #a4610b;
  --color-warning-background-subtle: #fff7e5;
  --color-warning-border: #e8bd6a;
  --color-warning-text: #754207;
  --color-warning-icon: #a4610b;

  --color-danger: #b42318;
  --color-danger-background-subtle: #fff0ef;
  --color-danger-border: #efaaa4;
  --color-danger-text: #8f1d14;
  --color-danger-icon: #b42318;

  --color-info: #246b9a;
  --color-info-background-subtle: #edf6fc;
  --color-info-border: #9fc8e4;
  --color-info-text: #174f75;
  --color-info-icon: #246b9a;

  --color-payroll: #7254a3;
  --color-payroll-background-subtle: #f4effb;
  --color-payroll-border: #c5b2e3;
  --color-payroll-text: #553a82;
  --color-payroll-icon: #7254a3;

  --color-disabled: #8b989d;
  --color-disabled-background-subtle: #f0f3f4;
  --color-disabled-border: #d7dee0;
  --color-disabled-text: #69777c;
  --color-disabled-icon: #7d8a8f;

  --font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --font-size-h1: 28px;
  --font-size-h2: 21px;
  --font-size-h3: 18px;
  --font-size-body: 15px;
  --font-size-body-small: 14px;
  --font-size-label: 14px;
  --font-size-meta: 12px;
  --font-size-numeric: 30px;
  --line-height-heading: 1.22;
  --line-height-body: 1.5;
  --line-height-compact: 1.35;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

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

  --radius-small: 4px;
  --radius-medium: 7px;
  --radius-large: 8px;
  --radius-card: 12px;
  --radius-round: 999px;
  --border-width: 1px;
  --shadow-small: 0 1px 2px rgb(20 36 41 / 6%);
  --shadow-card: 0 8px 22px rgb(20 36 41 / 7%);
  --shadow-medium: 0 12px 30px rgb(20 36 41 / 10%);
  --shadow-overlay: 0 24px 64px rgb(20 36 41 / 18%);
  --shadow-large: var(--shadow-overlay);

  --control-height-small: 32px;
  --control-height: 40px;
  --control-height-large: 44px;
  --sidebar-width: 260px;
  --topbar-min-height: 96px;
  --content-max-width: 1680px;
  --drawer-width: 520px;

  --z-sidebar: 40;
  --z-backdrop: 35;
  --z-dialog: 60;
  --z-tooltip: 80;

  --motion-fast: 120ms;
  --motion-normal: 200ms;
  --motion-slow: 320ms;
  --motion-ease: cubic-bezier(0.2, 0, 0, 1);

  --breakpoint-mobile: 560px;
  --breakpoint-tablet: 1023px;
  --breakpoint-desktop: 1280px;

  /* Compatibility aliases for page-specific styles pending F6/F7 migration. */
  --bg: var(--color-page-background);
  --panel: var(--color-surface);
  --ink: var(--color-text-primary);
  --muted: var(--color-text-muted);
  --line: var(--color-border);
  --border: var(--color-border);
  --nav: var(--color-sidebar);
  --nav-soft: var(--color-sidebar-surface);
  --accent: var(--color-brand);
  --accent-strong: var(--color-brand-hover);
  --danger: var(--color-danger);
}