/* ============================================================
   EPHIX shared section chrome (Arcade + Community)
   brand.css carries tokens/components; per-page css carries the
   layouts. This file styles the injected mastheads and merges.
   ============================================================ */
:root { color-scheme: dark; }
html[data-theme="paper"] { color-scheme: light; }

/* masthead typography (injected console-head / masthead) */
.console-kicker, .masthead .kicker {
  font-family: var(--font-ui);
  text-transform: uppercase;
}
.console-title, .masthead h1, .page-heading h1 {
  font-family: var(--font-display);
}
.console-subtitle, .masthead p {
  font-family: var(--font-body);
  text-transform: none;
  letter-spacing: .02em;
}
.page-heading h1 { text-transform: uppercase; letter-spacing: .05em; }

/* legacy merges (kept so un-migrated snippets still read on-brand) */
.topbar { border-radius: 0; background: color-mix(in srgb, var(--ephix-ink) 88%, transparent); border-color: var(--ephix-line); }
html[data-theme="paper"] .topbar { background: color-mix(in srgb, var(--ephix-paper) 92%, transparent); }
.card, .model-card, .harness-card, .project-card, .featured { border-radius: 0; }
.model-name, .harness-name, .c-title, .card-title { font-family: var(--font-display); letter-spacing: .05em; }
.section-head { font-family: var(--font-ui); }
.btn, .button, .chip, .filter-chip, .search-box { letter-spacing: .12em; }

.community-nav .brand { font-family: var(--font-display); letter-spacing: .25em; text-transform: uppercase; }
.community-nav nav a { font-family: var(--font-ui); font-size: .8rem; letter-spacing: .2em; font-variant-caps: all-small-caps; }

:where(a, button, input, select):focus-visible { outline: 2px solid var(--accent-bright, #3c86ff); outline-offset: 3px; }

@media (max-width: 760px) {
  .console-head, .masthead { padding-top: 34px; padding-bottom: 22px; }
  .console-kicker, .masthead .kicker { font-size: .6rem; letter-spacing: .3em; }
  .console-links { gap: 17px; }
}

[hidden] { display: none !important; }