:root {
    color-scheme: light;
    --color-canvas: #fbf9f4;
    --color-surface: #ffffff;
    --color-surface-soft: #f5f3ee;
    --color-surface-muted: #eeebe5;
    --color-ink: #1b1c19;
    --color-ink-soft: #4e4639;
    --color-ink-muted: #756d61;
    --color-gold: #9a7426;
    --color-gold-strong: #775a19;
    --color-gold-soft: #c5a059;
    --color-gold-pale: #f4e7cb;
    --color-border: #d7ccbc;
    --color-border-soft: #e8e1d6;
    --color-danger: #a61b1b;
    --color-danger-soft: #fce4e1;
    --color-success: #276b4d;
    --color-success-soft: #e1f1e9;
    --color-info: #315b78;
    --color-info-soft: #e5f0f6;
    --font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Baskerville, Georgia, serif;
    --font-body: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.375rem;
    --text-2xl: clamp(1.75rem, 3vw, 2.4rem);
    --text-3xl: clamp(2.25rem, 5vw, 4.25rem);
    --line-tight: 1.08;
    --line-heading: 1.18;
    --line-body: 1.65;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.45rem;
    --radius-lg: 0.75rem;
    --shadow-sm: 0 1px 2px rgba(27, 28, 25, 0.06), 0 5px 18px rgba(27, 28, 25, 0.035);
    --shadow-md: 0 2px 3px rgba(27, 28, 25, 0.06), 0 16px 34px rgba(27, 28, 25, 0.07);
    --container: 80rem;
    --gutter: clamp(1.25rem, 4vw, 4rem);
    --header-height: 4.75rem;
    --transition: 180ms cubic-bezier(.2, .7, .2, 1);
}

/* Optional dark appearance. Jewelry photography is never filtered or recolored. */
:root[data-theme="dark"] {
    color-scheme: dark;
    --color-canvas: #11130f;
    --color-surface: #191c17;
    --color-surface-soft: #20241e;
    --color-surface-muted: #272b24;
    --color-ink: #f2efe7;
    --color-ink-soft: #cec8bc;
    --color-ink-muted: #9f988c;
    --color-gold: #d1ad61;
    --color-gold-strong: #e1c47d;
    --color-gold-soft: #b99750;
    --color-gold-pale: #332b19;
    --color-border: #48473f;
    --color-border-soft: #32342d;
    --color-danger: #f19a94;
    --color-danger-soft: #3a1d1b;
    --color-success: #84c6a4;
    --color-success-soft: #173125;
    --color-info: #8ebbd8;
    --color-info-soft: #172c39;
    --shadow-sm: 0 1px 2px rgba(0,0,0,.22), 0 7px 20px rgba(0,0,0,.12);
    --shadow-md: 0 2px 4px rgba(0,0,0,.25), 0 18px 38px rgba(0,0,0,.2);
}