/*
 * The colour tokens, shared by every page served from this directory — the
 * landing and the three legal documents.
 *
 * Small on purpose: this is the one stylesheet that blocks the first paint, so
 * it holds the palette and nothing else. The typefaces are in fonts.css, loaded
 * without blocking.
 */

:root {
    --cream: #f5f1e8;
    --cream-card: #fbf8f0;
    --ink: #04170f;
    --emerald: #003d28;
    --emerald-br: #06764b;
    --gold: #d3a643;
    --border: #ddd6c4;
    --muted: #4c5b52;
    --bg: var(--cream);
    --surface: var(--cream-card);
    --text: var(--ink);
    --text-soft: var(--muted);
    --line: var(--border);
    --brand: var(--emerald);
    --brand-hi: var(--emerald-br);
    --hairline: rgba(4, 23, 15, 0.1);
    --shadow: 18px 18px 50px -30px rgba(4, 23, 15, 0.45);
    --display: "Cormorant", Georgia, serif;
    --body: "Karla", system-ui, sans-serif;
    --maxw: 1120px;
}
@media (prefers-color-scheme: dark) {
    :root {
        --bg: #03150e;
        --surface: #071f16;
        --text: #f0ead9;
        --text-soft: #9db3a6;
        --line: #1b3a2d;
        --brand: #f0ead9;
        --brand-hi: #24c07e;
        --gold: #e7c778;
        --hairline: rgba(240, 234, 217, 0.12);
        --shadow: 18px 18px 60px -30px rgba(0, 0, 0, 0.7);
    }
}
:root[data-theme="light"] {
    --bg: var(--cream);
    --surface: var(--cream-card);
    --text: var(--ink);
    --text-soft: var(--muted);
    --line: var(--border);
    --brand: var(--emerald);
    --brand-hi: var(--emerald-br);
    --gold: #d3a643;
    --hairline: rgba(4, 23, 15, 0.1);
    --shadow: 18px 18px 50px -30px rgba(4, 23, 15, 0.45);
}
:root[data-theme="dark"] {
    --bg: #03150e;
    --surface: #071f16;
    --text: #f0ead9;
    --text-soft: #9db3a6;
    --line: #1b3a2d;
    --brand: #f0ead9;
    --brand-hi: #24c07e;
    --gold: #e7c778;
    --hairline: rgba(240, 234, 217, 0.12);
    --shadow: 18px 18px 60px -30px rgba(0, 0, 0, 0.7);
}