:root {
    --color-ink: #181816;
    --color-muted: #686762;
    --color-primary: #d9aa4c;
    --color-primary-strong: #bd8930;
    --color-primary-soft: #f4e3bb;
    --color-surface: #fffdf9;
    --color-surface-alt: #f3efe7;
    --color-card: #ffffff;
    --color-line: rgba(24, 24, 22, .14);
    --color-dark: #11110f;
    --color-dark-soft: #1c1b18;
    --color-on-dark: #f9f5ec;
    --font-sans: "Inter", "Segoe UI", Arial, sans-serif;
    --radius-sm: .6rem;
    --radius-md: 1rem;
    --radius-lg: 1.35rem;
    --shadow-soft: 0 1rem 2.5rem rgba(25, 22, 16, .1);
    --transition: 180ms ease;
}

html[data-theme="dark"] {
    --color-ink: #f7f3ea;
    --color-muted: #b8b2a8;
    --color-surface: #151513;
    --color-surface-alt: #211f1b;
    --color-card: #24231f;
    --color-line: rgba(255, 250, 238, .16);
    --color-dark: #0c0c0b;
    --color-dark-soft: #171613;
    --shadow-soft: 0 1rem 2.5rem rgba(0, 0, 0, .3);
}