:root {
  color-scheme: dark;
  --bg-deep: #0d0c0a;
  --bg-surface: #13120f;
  --bg-elevated: #1a1915;
  --ink-primary: #faf7f0;
  --ink-reading: #d5cfbf;
  --ink-muted: #b0a99a;
  --bronze-noble: #d4af37;
  --bronze-warm: #c5a96a;
  --rubric-sacro: #a32a2a;
  --border-subtle: #2b2721;
  --border-focus: #d4af37;
  --bg: var(--bg-surface);
  --ink: var(--ink-primary);
  --stone: var(--ink-muted);
  --gold: var(--bronze-warm);
  --gold-bright: var(--bronze-noble);
  --gold-dim: #b08e5f;
  --line-focus: #453e32;
  --line: var(--border-subtle);
  /* Three roles, shared by editorial pages, shop and administration. */
  --font-heading: Cormorant, Georgia, serif;
  --font-ui: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-reading: 'Source Serif 4', Georgia, serif;
  --book: var(--font-heading);
  --monument: var(--font-ui);
  --reading: var(--font-reading);
  --text-meta: .75rem;
  --text-small: .875rem;
  --text-body: 1rem;
  --text-reading: 1.125rem;
  --leading-body: 1.7;
  --leading-reading: 1.75;
  --panel: var(--bg-elevated);
  --panel-soft: #22201b;
  --muted: var(--ink-reading);
  --paper: var(--bg-surface);
  --serif: var(--book);
  --sans: var(--ui);
  --ui: var(--font-ui);
  --content-width: 1180px;
  --page-gutter: 20px;
}

@media (min-width: 600px) { :root { --page-gutter: 32px; } }
@media (min-width: 1000px) { :root { --page-gutter: 48px; } }
@media (max-width: 359px) { :root { --page-gutter: 16px; } }

/* Desktop composition shared by editorial pages and the storefront. */
@media (min-width: 1000px) {
  :root {
    --desktop-content-width: 1180px;
    --desktop-gutter: 48px;
    --desktop-section-space: clamp(64px, 6vw, 88px);
    --desktop-column-gap: clamp(32px, 4vw, 64px);
    --desktop-cover-height: clamp(520px, 42vw, 620px);
    --desktop-title: clamp(60px, 5.5vw, 80px);
    --desktop-section-title: clamp(40px, 3.4vw, 48px);
    --desktop-card-title: clamp(26px, 2.3vw, 32px);
  }
}