:root {
    color-scheme: light;
    --fc-bg: #f4f7f8;
    --fc-surface: #ffffff;
    --fc-surface-soft: #eaf1f1;
    --fc-ink: #122632;
    --fc-muted: #59707a;
    --fc-line: #d7e2e3;
    --fc-accent: #087f79;
    --fc-accent-strong: #05645f;
    --fc-accent-ink: #ffffff;
    --fc-highlight: #c9f2e7;
    --fc-highlight-ink: #12584e;
    --fc-warm: #edbb78;
    --fc-danger: #b6464d;
    --fc-shadow: 0 24px 70px color-mix(in srgb, var(--fc-ink) 12%, transparent);
    --fc-radius: 1.25rem;
}

[data-theme="dark"] {
    color-scheme: dark;
    --fc-bg: #091519;
    --fc-surface: #102126;
    --fc-surface-soft: #172d32;
    --fc-ink: #edf6f4;
    --fc-muted: #a3b7b9;
    --fc-line: #294147;
    --fc-accent: #7ce0c5;
    --fc-accent-strong: #a1f0d9;
    --fc-accent-ink: #082823;
    --fc-highlight: #1c433d;
    --fc-highlight-ink: #c2f4e4;
    --fc-warm: #e8bd82;
    --fc-danger: #f28b8f;
    --fc-shadow: 0 24px 70px color-mix(in srgb, #000000 38%, transparent);
}

.fc-brand { display:flex; align-items:center; gap:.7rem; font-weight:800; letter-spacing:.08em; }
.fc-brand-mark { display:inline-grid; place-items:center; width:2rem; height:2rem; border-radius:.55rem; color:var(--fc-accent-ink); background:var(--fc-accent); }