@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,600;1,400');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400');

/* Polemos design tokens — generated from tokens/*.css. Edit upstream, not here. */
/* tokens/fonts.css */
/* Polemetallon — webfonts. SUBSTITUTIONS (no licensed binaries provided):
   Trajan Pro → Cinzel · Avenir Next → Jost · Cormorant Garamond is itself */



/* tokens/colors.css */
/* Polemetallon — color tokens */
:root{
/* base */
--obsidian:#0b0a09;--carbon:#17130e;--graphite:#2b2823;--basalt:#3d3831;--iron:#575046;--ash:#8a8177;--stone-3:#d8d2c6;--stone-2:#e7e2d8;--stone-1:#f2efe8;--stone-0:#faf8f3;
--bronze-deep:#7b5b38;--bronze:#9a6f3d;--bronze-bright:#b98a44;--bronze-pale:#d1a564;
--copper-oxide:#5e3a2a;--pomegranate:#5c2430;
/* semantic — light surfaces */
--surface-page:var(--stone-1);--surface-card:var(--stone-0);--surface-inset:var(--stone-2);--surface-inverse:var(--obsidian);
--text-display:var(--carbon);--text-body:#332e27;--text-muted:var(--iron);--text-faint:var(--ash);--text-accent:var(--bronze-deep);
--border-strong:var(--carbon);--border-default:#c9c2b4;--border-subtle:#ddd7ca;
/* semantic — dark surfaces */
--inv-text-display:var(--stone-1);--inv-text-body:#d8d2c6;--inv-text-muted:#8a8177;--inv-text-accent:var(--bronze-bright);--inv-border:#332e27;--inv-surface-card:#14110d;
--focus-ring:var(--bronze);
}


/* tokens/typography.css */
/* Polemetallon — typography tokens */
:root{
--font-inscription:'Cinzel',serif; /* Roman monumental: taglines, section labels, formal titles */
--font-sans:'Jost',sans-serif; /* workhorse UI + body */
--font-serif:'Cormorant Garamond',serif; /* editorial display + pull quotes */
--fs-hero:clamp(44px,6vw,84px); /* @kind font */
--fs-display:40px;--fs-title:28px;--fs-heading:20px;--fs-body:16px;--fs-small:14px;--fs-caption:12px;--fs-label:11px;
--leading-tight:1.08;--leading-display:1.15;--leading-body:1.6;
--track-label:0.32em;--track-inscription:0.22em;--track-wordmark:0.4em;
--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;
}


/* tokens/effects.css */
/* Polemetallon — spacing, radii, borders, elevation, motion */
:root{
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:144px;
--radius-0:0px;--radius-1:2px; /* the brand is square-cornered; 2px max on small controls */
--rule-hairline:1px solid var(--border-default);--rule-strong:1px solid var(--border-strong);--rule-bronze:1px solid var(--bronze);
--shadow-card:0 1px 0 rgba(23,19,14,.06),0 12px 32px -18px rgba(23,19,14,.28);
--shadow-overlay:0 24px 64px -24px rgba(11,10,9,.5);
--ease-brand:cubic-bezier(.4,0,.2,1); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-base:220ms; /* @kind other */
--dur-slow:400ms; /* @kind other */
--content-max:1200px;--content-pad:clamp(24px,5vw,64px);
}


/* tokens/base.css */
/* Polemetallon — base element defaults (kept minimal) */
body{font-family:var(--font-sans);color:var(--text-body);background:var(--surface-page);font-size:var(--fs-body);line-height:var(--leading-body);margin:0}
a{color:var(--text-accent);text-decoration:none;transition:color var(--dur-fast) var(--ease-brand)}
a:hover{color:var(--bronze-bright)}
::selection{background:var(--bronze-deep);color:var(--stone-1)}


/* tokens/dispater.css */
/* Dīs Pater — holding-company brand theme. Apply class "theme-dispater" to a page/section. */
.theme-dispater{
--dp-obsidian:#050505;--dp-charcoal:#111112;--dp-iron:#242424;--dp-graphite:#333335;--dp-slate:#4a4c50;--dp-gunmetal:#63666c;
--dp-gold:#c9a24b;--dp-gold-deep:#a07031;--dp-gold-pale:#e2c98d;--dp-bronze-ox:#6e5426;--dp-crimson:#4d0a0d;
--dp-ivory:#f2ead8;
/* remap the shared semantic system so core components render in Dīs Pater livery */
--surface-page:var(--dp-obsidian);--surface-card:#101010;--surface-inset:#161616;--surface-inverse:var(--dp-obsidian);
--text-display:var(--dp-ivory);--text-body:#cfc6b4;--text-muted:#8d8674;--text-faint:#6b6557;--text-accent:var(--dp-gold);
--border-strong:var(--dp-ivory);--border-default:#3a372f;--border-subtle:#2a2823;
--inv-text-display:var(--dp-ivory);--inv-text-body:#cfc6b4;--inv-text-muted:#8d8674;--inv-text-accent:var(--dp-gold);--inv-border:#2a2823;--inv-surface-card:#101010;
--bronze:var(--dp-gold-deep);--bronze-bright:var(--dp-gold);--bronze-pale:var(--dp-gold-pale);--bronze-deep:var(--dp-gold-deep);
--carbon:#0d0d0d;--graphite:#1c1c1d;--obsidian:var(--dp-obsidian);--stone-1:var(--dp-ivory);--stone-3:#d8cba9;--stone-0:#141414;
--focus-ring:var(--dp-gold);
--shadow-card:0 20px 48px -24px rgba(0,0,0,.9);
color:var(--text-body);background:var(--surface-page);
}
.theme-dispater ::selection{background:var(--dp-gold-deep);color:#050505}


/* tokens/polemarchoi.css */
/* Polemarchoi — strategy-layer brand theme. Apply class "theme-polemarchoi". */
.theme-polemarchoi{
--pa-red:#c41e24;--pa-red-bright:#e04a4f;--pa-crimson:#8f161b;--pa-crimson-deep:#5c1013;
--text-accent:var(--pa-crimson);--inv-text-accent:var(--pa-red-bright);
--bronze:var(--pa-red);--bronze-bright:var(--pa-red-bright);--bronze-pale:#eb8a8d;--bronze-deep:var(--pa-crimson);
--focus-ring:var(--pa-red);
}