:root {
    color-scheme: dark;

    --homepage-background: var(--sudoku-background);
    --homepage-surface: var(--sudoku-surface);
    --homepage-raised: var(--sudoku-raised);
    --homepage-border: var(--sudoku-border);
    --homepage-line: var(--sudoku-line);
    --homepage-text: var(--sudoku-text);
    --homepage-muted: var(--sudoku-muted);
    --homepage-subtle: var(--sudoku-subtle);
    --homepage-accent: var(--sudoku-accent);
    --homepage-orange: var(--sudoku-orange);
    --homepage-selected: var(--sudoku-selected);
    --homepage-related: var(--sudoku-related);
    --homepage-highlight: var(--sudoku-highlight);
    --homepage-danger: var(--sudoku-danger);
    --homepage-success: var(--sudoku-success);
    --homepage-transparent: var(--sudoku-transparent);
    --homepage-shadow: var(--sudoku-shadow);
    --homepage-overlay: #000000a6;
    --homepage-ambient: color-mix(in srgb, var(--homepage-accent) 10%, var(--homepage-background));

    --homepage-font: "Default", system-ui, sans-serif;
    --homepage-radius-panel: 16px;
    --homepage-radius-control: 10px;
    --homepage-gutter: clamp(16px, 3vw, 42px);
    --homepage-page-width: 1250px;
    --homepage-sidebar-rail: 56px;
    --homepage-sidebar-expanded: min(248px, 82vw);
}