/**
 * Eyeverse brand tokens — B&W + gold, Marcellus stacks.
 * Source of truth for eyeverse.world, map, and hodlr chrome.
 * Load Marcellus via brand-font.css (/assets/shared/fonts/marcellus-latin.woff2).
 */

:root {
  color-scheme: dark;

  --bg: #161616;
  --bg-deep: #0a0a0a;
  --bg-elevated: #222222;
  --border: #3a3a3a;
  --text: #f2f0eb;
  --text-muted: #9a9690;
  --accent: #c9a227;
  --accent-dim: #8a7020;
  --link: #d4bc6a;
  --focus: #e8c547;

  /* Collection accents (hubs only — not sitewide chrome) */
  --accent-paradox: #bd141b;
  --accent-paradox-dim: #7a1014;
  --accent-boa: #00664e;
  --accent-boa-dim: #004836;

  --max-width: 72rem;
  --tap-min: 2.75rem;
  /* Cards, tiles, panels, media frames */
  --radius-tile: 8px;
  --font-display: "Marcellus", ui-serif, "Iowan Old Style", Palatino, Georgia, serif;
  --font-body: "Marcellus", ui-serif, "Iowan Old Style", Palatino, Georgia, serif;

  /* Page intro (Explore, Lore, Collections, Map, Console, …) */
  --page-title-size: clamp(1.75rem, 5vw, 2.75rem);
  --page-lede-size: clamp(1rem, 2.5vw, 1.125rem);

  --theme-accent: var(--accent);
  --theme-accent-dim: var(--accent-dim);

  /* Product / layout aliases (Hodlr + shared subsites) */
  --page-max-width: 1024px;
  --page-padding-x: 1.25rem;
  --font-h1: 2.5rem;
  --font-h2: 1.75rem;
  --font-h3: 1.5rem;
  --font-nav-logo: 1.35rem;
  --font-nav-logo-mobile: 1.15rem;
  --font-ui: 1.05rem;
  --hodlr-accent: var(--accent);
  --hodlr-control-border: #fff;
  --hodlr-control-bg: var(--bg);
  --hodlr-control-text: #fff;
  --hodlr-control-hover-text: var(--accent);
  --hodlr-control-hover-border: var(--accent);
  --hodlr-control-active-bg: var(--accent);
  --hodlr-control-active-border: var(--accent);
  --hodlr-control-active-text: var(--bg);
  --hodlr-control-active-hover-border: #fff;
  --hodlr-surface: var(--bg-elevated);
  --hodlr-bar-bg: var(--bg);
}

/*
 * Collection themes — apply on body, main, .siteShell, or .local-subnav.
 * Remaps title separators (--theme-accent / --hodlr-accent) and related accents.
 * Primary .site-chrome hardcodes gold --accent so the site header stays gold.
 */
.theme-eyeverse {
  --theme-accent: #ffffff;
  --theme-accent-dim: #c8c6c1;
  --hodlr-accent: var(--theme-accent);
  --accent: var(--theme-accent);
  --accent-dim: var(--theme-accent-dim);
  --link: var(--theme-accent);
  --focus: var(--theme-accent);
}

.theme-paradox {
  --theme-accent: var(--accent-paradox);
  --theme-accent-dim: var(--accent-paradox-dim);
  --hodlr-accent: var(--theme-accent);
  --accent: var(--theme-accent);
  --accent-dim: var(--theme-accent-dim);
  --link: var(--theme-accent);
  --focus: var(--theme-accent);
}

.theme-boa {
  --theme-accent: var(--accent-boa);
  --theme-accent-dim: var(--accent-boa-dim);
  --hodlr-accent: var(--theme-accent);
  --accent: var(--theme-accent);
  --accent-dim: var(--theme-accent-dim);
  --link: var(--theme-accent);
  --focus: var(--theme-accent);
}

.theme-eyemap {
  /* White like Eyeverse — do not alias to --accent (circular with remaps below). */
  --theme-accent: #ffffff;
  --theme-accent-dim: #c8c6c1;
  --hodlr-accent: var(--theme-accent);
  --accent: var(--theme-accent);
  --accent-dim: var(--theme-accent-dim);
  --link: var(--theme-accent);
  --focus: var(--theme-accent);
}