@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=IM+Fell+Double+Pica&family=IM+Fell+Double+Pica+Italic&family=Courier+Prime:ital@0;1&display=swap');

:root{
  /* base palette */
  --black-cherry:#661614;
  --black-cherry-deep:#4a0f0d;
  --evergreen:#1f3321;
  --evergreen-deep:#142218;
  --saffron:#ff9000;
  --saffron-light:#ffab3d;
  --linen:#f7ece1;
  --linen-shade:#ede0d0;
  --ink:#2a1f1a;
  --ink-soft:#665a52;
  --white:#ffffff;

  /* semantic aliases */
  --color-primary:var(--evergreen);
  --color-secondary:var(--black-cherry);
  --color-accent:var(--saffron);

  --surface-bg:var(--linen);
  --surface-bg-shade:var(--linen-shade);
  --surface-card:var(--white);
  --surface-inverted:var(--evergreen);

  --text-heading:var(--evergreen);
  --text-body:var(--ink);
  --text-muted:var(--ink-soft);
  --text-on-inverted:var(--linen);
  --text-link:var(--black-cherry);
  --text-link-hover:var(--saffron);

  --border-subtle:rgba(102,22,20,0.15);
  --border-dashed:rgba(102,22,20,0.25);

  /* type */
  --font-display:'Cinzel', serif;
  --font-body:'IM Fell Double Pica', serif;
  --font-body-italic:'IM Fell Double Pica Italic', serif;
  --font-mono:'Courier Prime', monospace;

  --tracking-normal:0.02em;
  --tracking-wide:0.08em;
  --tracking-wider:0.14em;
  --tracking-widest:0.25em;

  /* spacing */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --space-16:64px;
  --space-20:80px;

  --radius-sm:3px;
  --radius-md:6px;
  --radius-lg:8px;

  --shadow-sm:0 4px 14px rgba(102,22,20,0.08);
  --shadow-md:0 10px 26px rgba(0,0,0,0.18);
  --shadow-lg:0 12px 30px rgba(0,0,0,0.15);

  --max-content-width:1320px;
  --nav-height:76px;
}