/* SodaPeak design tokens
   Read off the jar: charcoal glass, champagne-gold crest ring, deep maroon
   seal. White carries the page; gold is the accent, charcoal the structure. */
:root{
  --spk-gold:#c9962c;
  --spk-gold-lift:#e3b24a;
  --spk-gold-deep:#8f6912;
  --spk-gold-wash:#fdf7ea;
  --spk-gold-line:#ecdcb6;

  --spk-coal:#1c1816;
  --spk-coal-soft:#2e2724;
  --spk-maroon:#6d1324;

  --spk-ink:#1c1816;
  --spk-ink-2:#4f4843;
  --spk-ink-3:#7e7671;

  --spk-paper:#ffffff;
  --spk-mist:#f9f7f4;
  --spk-line:#e8e3dc;

  --spk-r:4px;
  --spk-r-lg:12px;
  --spk-pill:999px;

  --spk-lift:0 1px 2px rgba(28,24,22,.05), 0 10px 26px rgba(28,24,22,.07);
  --spk-lift-2:0 6px 14px rgba(28,24,22,.09), 0 26px 56px rgba(28,24,22,.14);
  --spk-ring:0 0 0 3px rgba(201,150,44,.48);

  --spk-display:'Syne',Georgia,sans-serif;
  --spk-body:'Public Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;

  --spk-pad:clamp(16px,4vw,38px);
  --spk-band:clamp(50px,7vw,94px);
  --spk-safe-b:env(safe-area-inset-bottom,0px);
  --spk-safe-l:env(safe-area-inset-left,0px);
  --spk-safe-r:env(safe-area-inset-right,0px);
}