/* ============================================================
   COPPER & VALE — daylight architecture
   §10.2 palette · §10.4 registers · §10.5 vandalism layer
   Registers: MORNING is the default voltage. HIGH NOON and
   VERDICT are opt-in classes — collisions are events, not
   wallpaper. If cadmium is everywhere, cadmium is nothing.
   ============================================================ */

:root {
  --cv-paper: #FDFCF9;
  --cv-bone: #F7F6F2;
  --cv-bone-deep: #EFEBE2;
  --cv-ink: #181511;
  --cv-ink-soft: #5B564E;
  --cv-copper: #B4592C;
  --cv-copper-lit: #C96F3B;
  --cv-copper-deep: #8A421F;
  --cv-patina: #3E6E5F;
  --cv-cadmium: #C3402B;
  --cv-gold: #E8A33D;
  --cv-serif: Georgia, "Times New Roman", serif;
  --cv-ui: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --cv-mono: ui-monospace, "Cascadia Mono", Consolas, Menlo, monospace;
  --cv-warcry: Impact, "Arial Black", sans-serif;
}

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { background: var(--cv-paper); color: var(--cv-ink); }

/* ---- the star: pressed by a hand, not a machine ---- */
.cv-star {
  color: var(--cv-copper);
  display: inline-block;
  transform: rotate(-4deg);
}

/* ---- eyebrow: the assay stamp line ---- */
.cv-eyebrow {
  font-family: var(--cv-mono);
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  color: var(--cv-copper-deep);
  text-transform: uppercase;
}

/* ---- the hand-mark: one per page, a whisper (§10.5) ---- */
.cv-mark {
  border-bottom: 3px solid var(--cv-gold);
  padding-bottom: 1px;
}
.cv-mark--cadmium { border-bottom-color: var(--cv-cadmium); }

/* ---- verified: patina is the truth color (§10.2) ---- */
.cv-verified {
  font-family: var(--cv-mono);
  font-size: 0.8rem;
  color: var(--cv-patina);
}

/* ---- the sunrise band: the flag's rays as flat horizon (§10.8) ---- */
.cv-sunrise {
  display: flex;
  height: 52px;
  width: 100%;
}
.cv-sunrise span { display: block; }
.cv-sunrise .r1 { flex: 3;   background: var(--cv-gold); }
.cv-sunrise .r2 { flex: 1;   background: var(--cv-copper-lit); }
.cv-sunrise .r3 { flex: 2;   background: var(--cv-gold); }
.cv-sunrise .r4 { flex: 1.5; background: var(--cv-cadmium); }
.cv-sunrise .r5 { flex: 4;   background: var(--cv-gold); }
.cv-sunrise .r6 { flex: 1;   background: var(--cv-copper); }
.cv-sunrise .r7 { flex: 2.5; background: var(--cv-gold); }

/* ---- registers (§10.4): voltage, not palette ---- */
.register-war .cv-headline {
  font-family: var(--cv-warcry);
  text-transform: uppercase;
  color: var(--cv-cadmium);
  letter-spacing: 0.01em;
}
.register-verdict .cv-stamp {
  font-family: var(--cv-mono);
  font-weight: 700;
  color: var(--cv-cadmium);
  border: 2.5px solid var(--cv-cadmium);
  border-radius: 3px;
  padding: 2px 10px;
  display: inline-block;
  transform: rotate(-2deg);
}

/* ---- Header (Element 1) — the powerhouse frame ---- */
.cv-header { background: var(--cv-paper); border-bottom: 1px solid var(--cv-bone-deep); }
.cv-header a { text-decoration: none; color: inherit; }
.cv-header-partners {
  max-width: 1120px; margin: 0 auto; padding: 6px 20px;
  display: flex; justify-content: flex-end; align-items: center; gap: 20px;
  border-bottom: 1px solid var(--cv-bone-deep);
}
.cv-partners-link {
  font-family: var(--cv-mono); font-size: 0.66rem; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--cv-ink-soft);
}
.cv-partners-link:hover { color: var(--cv-copper-deep); }
.cv-es-link {
  font-family: var(--cv-serif); font-style: italic;
  font-size: 0.82rem; color: var(--cv-ink-soft);
}
.cv-es-link:hover { color: var(--cv-copper-deep); }
.cv-header-main {
  max-width: 1120px; margin: 0 auto; padding: 14px 20px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 14px 20px; flex-wrap: wrap;
}
.cv-brand { display: block; line-height: 1; }
.cv-wm { display: block; font-family: var(--cv-serif); font-size: 1.3rem; color: var(--cv-ink); }
.cv-amp { color: var(--cv-copper); }
.cv-tag {
  display: block; margin-top: 5px;
  font-family: var(--cv-mono); font-size: 0.62rem; letter-spacing: 0.13em;
  text-transform: uppercase; color: var(--cv-copper-deep);
}
.cv-nav { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; font-size: 0.92rem; }
.cv-nav > a:hover { color: var(--cv-copper-deep); }
.cv-lang { font-family: var(--cv-mono); font-size: 0.78rem; letter-spacing: 0.04em; color: var(--cv-ink-soft); }
.cv-lang a:hover { color: var(--cv-copper-deep); }
.cv-header .cv-cta {
  background: var(--cv-ink); color: var(--cv-paper);
  border-radius: 8px; padding: 9px 16px; font-weight: 500; font-size: 0.9rem;
  white-space: nowrap;
}
.cv-header .cv-cta:hover { background: var(--cv-copper-deep); }
@media (max-width: 600px) {
  .cv-nav { gap: 12px; }
  .cv-wm { font-size: 1.2rem; }
}

/* ---- hero ---- */
.cv-hero h1 {
  font-family: var(--cv-serif);
  font-weight: 400;
  line-height: 1.08;
  text-wrap: balance;
  margin: 0;
}
.cv-hero .cv-sub {
  color: var(--cv-ink-soft);
  font-size: 1.125rem;
}

/* ---- footer spine ---- */
.cv-footer {
  border-top: 2px solid var(--cv-ink);
  font-size: 0.8rem;
  color: var(--cv-ink-soft);
}
.cv-footer .cv-disclaimer {
  max-width: 68ch;
  line-height: 1.55;
}

/* wide content never scrolls the page sideways */
.cv-overflow { overflow-x: auto; }