/* Heritage Restoration — Design Tokens
   Grounded in 05-design-system-brief.md
   Material-inspired: stone, sandstone, limewash, masonry */

:root {
  /* ---- Colour ---- */
  --warm-white: #F7F4EF;
  --stone-grey: #D8D3CB;
  --sandstone: #C8B28B;
  --limewash:  #EFE6D6;
  --charcoal:  #222222;
  --soft-black:#111111;
  --bronze:    #9A7A45;        /* primary accent */
  --heritage-green: #3F5247;   /* optional accent (deep) */

  /* Derived greys */
  --ink-90: #1a1a1a;
  --ink-70: #3a3733;
  --ink-55: #6b665e;
  --ink-40: #94908a;
  --ink-25: #bcb7af;
  --ink-15: #d8d3cb;
  --ink-08: #ece8e1;
  --ink-04: #f4f1eb;

  --rule:    rgba(34,34,34,0.10);
  --rule-2:  rgba(34,34,34,0.16);

  /* ---- Type ---- */
  --serif:  "Cormorant Garamond", "Libre Baskerville", "Playfair Display", Georgia, serif;
  --sans:   "Inter", "Manrope", "Source Sans 3", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --mono:   "JetBrains Mono", "IBM Plex Mono", ui-monospace, Menlo, monospace;

  /* ---- Scale ---- */
  --t-xs: 11px;
  --t-sm: 13px;
  --t-base: 15px;
  --t-md: 17px;
  --t-lg: 20px;
  --t-xl: 24px;
  --t-2xl: 30px;
  --t-3xl: 40px;
  --t-4xl: 56px;
  --t-5xl: 76px;
  --t-6xl: 104px;

  /* ---- Spacing ---- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;
  --s-11: 160px;

  /* ---- Layout ---- */
  --container: 1280px;
  --container-narrow: 880px;
  --container-wide: 1480px;
  --gutter: clamp(20px, 4vw, 48px);

  /* ---- Other ---- */
  --radius: 2px;
  --radius-card: 4px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.04), 0 2px 6px rgba(0,0,0,0.04);
  --shadow-md: 0 6px 24px rgba(20,18,14,0.10), 0 1px 2px rgba(0,0,0,0.04);
  --ease: cubic-bezier(.2,.7,.2,1);
}

/* Tweakable theme — overridden via JS by Tweaks panel */
:root[data-accent="bronze"]    { --accent: var(--bronze); --accent-ink: #fff; }
:root[data-accent="green"]     { --accent: var(--heritage-green); --accent-ink: #fff; }
:root[data-accent="charcoal"]  { --accent: var(--charcoal); --accent-ink: #fff; }
:root                          { --accent: var(--bronze); --accent-ink: #fff; }

:root[data-serif="cormorant"]  { --serif: "Cormorant Garamond", Georgia, serif; }
:root[data-serif="playfair"]   { --serif: "Playfair Display", Georgia, serif; }
:root[data-serif="libre"]      { --serif: "Libre Baskerville", Georgia, serif; }
:root[data-serif="lora"]       { --serif: "Lora", Georgia, serif; }