:root {
    color-scheme: light;
    --bg: #f4f6f8;
    --card: #ffffff;
    --ink: #12151a;
    --muted: #5c6770;
    --line: #dce3e8;
    --brand: #2f5f70;
    --brand-dark: #244b5a;
    --brand-soft: #eef3f5;
    --accent: #3a6754;
    --header: #1a2f38;
    --header-end: #244b5a;
    --live: #8bbf2a;
    --success: #3f7d67;
    --success-bg: #e8f5ee;
    --success-ink: #166534;
    --warning-bg: #fef3c7;
    --warning-ink: #92400e;
    --danger-bg: #fee2e2;
    --danger-ink: #991b1b;
    --shadow: 0 1px 2px rgba(18, 21, 26, .04), 0 8px 20px rgba(18, 21, 26, .06);
    --shadow-strong: 0 12px 28px rgba(18, 21, 26, .12);
    --radius-card: 8px;
    --radius-btn: 4px;
    --font-sans: "DM Sans", "Noto Sans", system-ui, sans-serif;
    --font-mono: "IBM Plex Mono", ui-monospace, monospace;
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}