:root {
    --bg: #eef2f5;
    --surface: #ffffff;
    --surface-2: #f5f8fa;
    --text: #0e1a26;
    --muted: #5d6f80;
    --line: #dbe3ea;
    --accent: #0a8f62;
    --accent-strong: #067a53;
    --accent-soft: #e3f6ee;
    --on-accent: #ffffff;
    --shadow: 0 1px 2px rgba(15, 30, 45, 0.06), 0 8px 24px rgba(15, 30, 45, 0.06);
    --c-jet: #0a8f62;
    --c-walther: #2f6fed;
    --c-aral: #e08a00;
    --c-shell: #d6455d;
    --c-neo: #8b5cf6;
    --radius: 18px;

    /* Aliases used by the scoped home-page stylesheet. */
    --tm-bg: var(--bg);
    --tm-surface: var(--surface);
    --tm-surface-2: var(--surface-2);
    --tm-text: var(--text);
    --tm-muted: var(--muted);
    --tm-line: var(--line);
    --tm-accent: var(--accent);
    --tm-accent-strong: var(--accent-strong);
    --tm-accent-soft: var(--accent-soft);
    --tm-on-accent: var(--on-accent);
    --tm-shadow: var(--shadow);
    --tm-radius: var(--radius);
    --tm-danger: #b42318;
    --tm-danger-soft: #fff0ee;
}

* {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font: 16px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg: #0a1017;
        --surface: #121b25;
        --surface-2: #17222e;
        --text: #e9f0f6;
        --muted: #92a4b5;
        --line: #243445;
        --accent: #2ed3a0;
        --accent-strong: #5fe3b8;
        --accent-soft: #11382f;
        --on-accent: #06251c;
        --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.35);
        --c-jet: #2ed3a0;
        --c-walther: #6b9bff;
        --c-aral: #ffb02e;
        --c-shell: #ff7a8c;
        --c-neo: #b79bff;
        --tm-danger: #ff9b8f;
        --tm-danger-soft: #3b1d1b;
    }
}