:root{
/* Base palette */
--vt-black:#0A0A0A;
--vt-charcoal:#141312;
--vt-ivory:#ECE7DE;
--vt-stone:#8C877E;
--vt-champagne:#B89B6E;
--vt-rule:#2A2724;
/* Derived (same hues, for states only) */
--vt-ivory-dim:#BDB8AF;
--vt-stone-deep:#5E5A54;
--vt-error:#B5735E;

/* Semantic — surfaces */
--surface-page:var(--vt-black);
--surface-alt:var(--vt-charcoal);
--surface-form:var(--vt-charcoal);
--surface-footer:var(--vt-charcoal);
--surface-header-scrolled:rgba(10,10,10,.72);
--surface-overlay:rgba(10,10,10,.96);

/* Semantic — text */
--text-primary:var(--vt-ivory);
--text-heading:var(--vt-ivory);
--text-secondary:var(--vt-stone);
--text-muted:var(--vt-stone-deep);
--text-accent:var(--vt-champagne);
--text-on-photo:var(--vt-ivory);

/* Semantic — lines & accent */
--border-hairline:var(--vt-rule);
--border-input:var(--vt-rule);
--border-input-focus:var(--vt-champagne);
--accent:var(--vt-champagne);
--focus-ring:var(--vt-champagne);

/* The only gradient allowed: bottom photo veil */
--veil-photo:linear-gradient(to bottom,rgba(10,10,10,.18) 0%,rgba(10,10,10,.22) 45%,rgba(10,10,10,.8) 100%); /* @kind other */
--vignette:radial-gradient(ellipse at center,rgba(0,0,0,0) 55%,rgba(0,0,0,.55) 100%); /* @kind other */
}