/* vellum-atlas — warm cream + walnut + faded burgundy (light theme) */
[data-theme="vellum-atlas"] {
  --bg:               #F0E8D6;
  --bg-overlay:       rgba(92, 74, 48, 0.04);
  --panel:            #F8F1DD;
  --panel-edge:       rgba(92, 74, 48, 0.28);
  --ink:              #2F2618;
  --ink-soft:         rgba(47, 38, 24, 0.72);
  --ink-dim:          rgba(47, 38, 24, 0.50);
  --accent:           #5C4A30;
  --accent-2:         #7A2E2A;
  --rule:             rgba(92, 74, 48, 0.30);
  --ornament-fill:    #5C4A30;
  --shadow-panel:     0 12px 32px rgba(92, 74, 48, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.40);
  --radius-panel:     4px;
  --btn-bg:           linear-gradient(180deg, #EFE4C8 0%, #E8DAB8 100%);
  --btn-ink:          #2F2618;
  --btn-edge:         #5C4A30;
  --btn-hover-bg:     linear-gradient(180deg, #F8EFD7 0%, #EFE4C8 100%);
  --focus-ring:       #7A2E2A;
  --font-display:     'EB Garamond', 'Cormorant Garamond', Georgia, serif;
  --font-body:        'Spectral', -apple-system, BlinkMacSystemFont, Georgia, serif;
  --font-mono:        'JetBrains Mono', ui-monospace, monospace;
  --tracking-display: 0.02em;
  --weight-display:   500;
  --texture-panel:    none;
  --texture-hero-veil: linear-gradient(180deg, rgba(240,232,214,0.30) 0%, rgba(240,232,214,0.65) 100%);
}
[data-theme="vellum-atlas"] ::selection {
  background: var(--accent-2);
  color: var(--bg);
}