/* ------------ Palettes ------------ */
:root {
  /* Travertino (default) — warm limestone, ink, aged brass, terracotta */
  --bg:         #f3ede2;
  --bg-alt:     #ebe3d3;
  --paper:      #faf6ec;
  --ink:        #171a26;
  --ink-soft:   #2d3142;
  --muted:      #6b6558;
  --rule:       #d9ceb8;
  --brass:      #9a7b3f;
  --brass-deep: #7a5f2d;
  --terra:      #b9593a;
  --accent:     var(--brass);
  --hover-bg:   #e6dcc5;
  --noise-opacity: 0.06;
  --grid-color: rgba(23,26,38,0.06);
}

[data-mode="dark"] {
  --bg:         #0e0f15;
  --bg-alt:     #08090d;
  --paper:      #181a24;
  --ink:        #ece6d7;
  --ink-soft:   #c8c1b0;
  --muted:      #8a8578;
  --rule:       #262834;
  --hover-bg:   #20222c;
  --grid-color: rgba(236,230,215,0.05);
}

/* ------------ Type pairings ------------
   @font-face declarations live in the small early <style> block above so the
   preloaded woff2 files apply immediately. */
:root {
  --font-display: 'Cormorant Garamond', 'Cormorant-fallback', Georgia, serif;
  --font-body:    'Inter', 'Inter-fallback', system-ui, -apple-system, sans-serif;
  --font-mono:    ui-monospace, 'Cascadia Mono', 'Segoe UI Mono', Menlo, Consolas, monospace;
}

/* ------------ Density ------------ */
:root { --section-pad: clamp(96px, 12.5vw, 200px); --content-gap: clamp(24px, 3vw, 40px); }
[data-density="compatto"]   { --section-pad: clamp(56px, 7vw, 100px); --content-gap: clamp(16px, 2vw, 28px); }
[data-density="editoriale"] { --section-pad: clamp(96px, 12.5vw, 200px); --content-gap: clamp(24px, 3vw, 40px); }
[data-density="monumentale"]{ --section-pad: clamp(120px, 15vw, 256px); --content-gap: clamp(36px, 4vw, 60px); }