/* Zevantiques — color tokens */
:root{
/* base palette */
--ink-900:#181818; /* logo ink — primary text, dark surfaces */
--ink-700:#33312C;
--ink-500:#5C584F; /* muted text */
--ink-300:#8B8578;
--paper-0:#FFFFFF;
--paper-50:#FBFAF7; /* page ivory */
--paper-100:#F5F2EA; /* tinted panel */
--paper-200:#ECE7DB; /* deep panel / hover fill */
--line-200:#E4DFD3; /* hairlines */
--line-400:#C9C2B0; /* strong rules */
--brass-600:#96742F; /* antique brass accent */
--brass-700:#7C5F24; /* brass hover */
--brass-300:#C9AE6E; /* brass on dark */
--oxblood-600:#7A2E2A; /* live / urgency */
--olive-700:#4A4A38; /* militaria olive — sparing */
/* semantic aliases */
--text-body:var(--ink-900);
--text-muted:var(--ink-500);
--text-faint:var(--ink-300);
--text-inverse:var(--paper-50);
--text-accent:var(--brass-600);
--surface-page:var(--paper-50);
--surface-card:var(--paper-0);
--surface-panel:var(--paper-100);
--surface-dark:var(--ink-900);
--border-hairline:var(--line-200);
--border-strong:var(--line-400);
--border-ink:var(--ink-900);
--accent:var(--brass-600);
--accent-hover:var(--brass-700);
--accent-on-dark:var(--brass-300);
--state-live:var(--oxblood-600);
--state-sold:var(--olive-700);
--focus-ring:var(--brass-600);
}
/* Zevantiques — type tokens */
:root{
/* families (Google Fonts substitutes — brand files not provided) */
--font-display:'Cinzel',serif; /* wordmark match: Trajan-style caps. Display + brand moments only */
--font-serif:'EB Garamond',Georgia,serif; /* editorial headings, body, prices */
--font-sans:'Libre Franklin',Helvetica,Arial,sans-serif; /* UI labels, buttons, meta */
/* scale */
--text-hero:clamp(44px,5vw,72px);
--text-h1:44px;
--text-h2:32px;
--text-h3:24px;
--text-h4:19px;
--text-body-lg:18px;
--text-body-md:16px;
--text-body-sm:14px;
--text-label:12px; /* uppercase letterspaced */
--text-caption:11px;
/* letterspacing */
--track-display:.06em;
--track-label:.16em;
--track-wide:.22em; /* eyebrows, kickers */
/* leading */
--leading-tight:1.1;
--leading-snug:1.3;
--leading-body:1.6;
/* weights */
--weight-display:500;
--weight-serif-regular:400;
--weight-serif-semibold:600;
--weight-sans-regular:400;
--weight-sans-medium:500;
--weight-sans-semibold:600;
}
/* Zevantiques — spacing, layout, radii */
:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;
--space-8:64px;
--space-9:96px;
--space-10:144px; /* section rhythm on marketing pages */
--container-max:1320px;
--container-pad:48px;
--container-pad-mobile:20px;
--grid-gap:32px;
--radius-0:0px; /* the house radius: everything is square */
--radius-pill:999px; /* count badges only */
}
/* Zevantiques — borders, shadows, motion */
:root{
--rule-hairline:1px solid var(--line-200);
--rule-strong:1px solid var(--line-400);
--rule-ink:1px solid var(--ink-900);
--rule-double:4px double var(--line-400); /* certificate flourish */
--shadow-none:none;
--shadow-lift:0 12px 32px rgba(24,24,24,.10); /* dialogs + sticky bid bars only */
--ease-out:cubic-bezier(.22,.61,.36,1); /* @kind other */
--dur-fast:160ms; /* @kind other */
--dur-base:260ms; /* @kind other */
--dur-slow:480ms; /* @kind other */
--img-zoom:1.04; /* @kind other */ /* hover scale on lot imagery */
--overlay-scrim:linear-gradient(180deg,rgba(24,24,24,0) 40%,rgba(24,24,24,.72) 100%); /* @kind other */
}
/* Zevantiques — element defaults */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-serif);font-size:var(--text-body-md);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{margin:0;font-weight:var(--weight-serif-semibold);line-height:var(--leading-tight)}
p{margin:0}
a{color:var(--text-body);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}
a:hover{color:var(--accent-hover)}
img{display:block;max-width:100%}
button{font-family:var(--font-sans)}
::selection{background:var(--brass-300);color:var(--ink-900)}