:root {
    color-scheme: light;
    --font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
    --font-xs: 0.6875rem;
    --font-sm: 0.75rem;
    --font-body: 0.875rem;
    --font-md: 1rem;
    --font-lg: 1.375rem;
    --font-title: clamp(1.875rem, 2.6vw, 2.375rem);
    --font-brand: 1.5rem;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --line-body: 1.6;
    --line-heading: 1.2;
    --tracking-label: 0.1em;
    --tracking-heading: -0.035em;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-7: 1.75rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --color-canvas: #f5f7fa;
    --color-surface: #ffffff;
    --color-surface-soft: #f8fafc;
    --color-ink: #1b2a41;
    --color-muted: #627087;
    --color-border: #e3e8ef;
    --color-border-strong: #d0d8e3;
    --color-brand: #315acb;
    --color-brand-soft: #edf2ff;
    --color-brand-line: #d5e0ff;
    --color-sidebar: #142339;
    --color-sidebar-text: #c1ccdc;
    --color-sidebar-muted: #93a5bd;
    --color-sidebar-hover: #21334c;
    --color-sidebar-active: #2e55b5;
    --color-sidebar-divider: #2b3b50;
    --color-on-dark: #ffffff;
    --color-accent: #99b5ff;
    --color-dev: #77561c;
    --color-dev-bg: #faf1dc;
    --color-dev-dot: #9c701f;
    --color-neutral-dot: #8090a7;
    --radius-sm: 0.375rem;
    --radius-md: 0.625rem;
    --radius-lg: 0.875rem;
    --radius-pill: 999px;
    --border-width: 1px;
    --control-height: 2.75rem;
    --badge-height: 1.75rem;
    --header-height: 4.5rem;
    --sidebar-width: 15.5rem;
    --content-width: 76rem;
    --content-gutter: clamp(1.25rem, 3.4vw, 3.5rem);
    --text-width: 27rem;
    --icon-size: 1.25rem;
    --dot-size: 0.375rem;
    --empty-height: 26rem;
    --focus-color: #476def;
    --focus-on-dark: #bad0ff;
    --focus-width: 3px;
    --focus-offset: 3px;
    --shadow-panel: 0 2px 6px rgb(27 42 65 / 3%);
    --shadow-sheet: 0 8px 20px rgb(27 42 65 / 7%);
    --transition-fast: 120ms ease;
    /* Decorative empty-state illustration: centrally defined geometry. */
    --illustration-width: 10rem;
    --illustration-height: 8.5rem;
    --illustration-orbit: 8rem;
    --illustration-sheet-width: 4.875rem;
    --illustration-sheet-height: 6rem;
    --illustration-offset: 2.5rem;
    --illustration-symbol-size: 2.25rem;
}

:root {
    --color-success: #21633d;
    --color-success-bg: #e7f5ec;
    --color-danger: #962d35;
    --color-danger-bg: #fcebed;
    --dashboard-cell-width: 12rem;
    --dashboard-gutter: var(--space-6);
    --dashboard-summary-width: 24rem;
}

:root {
    --planning-row-height: 2.75rem;
    --planning-cell-width: 9rem;
    --planning-summary-width: 18rem;
    --planning-detail-width: 30rem;
}