/* Design tokens. Single source of truth, mirrored from the active DESIGN.md. */
:root{
  --sp-bg:#EBE3D7;
  --sp-surface:#FFFFFF;
  --sp-surface-alt:#F6F1EA;
  --sp-ink:#1C1A17;
  --sp-ink-soft:#6E675D;
  --sp-accent:#12514C;
  --sp-accent-soft:#DCE8E5;
  --sp-line:#DED4C6;
  --sp-star:#C98A2E;

  --sp-font-display:'Outfit',ui-sans-serif,system-ui,-apple-system,sans-serif;
  --sp-font-body:'Instrument Sans',ui-sans-serif,system-ui,-apple-system,sans-serif;

  --sp-xs:8px;
  --sp-sm:12px;
  --sp-md:20px;
  --sp-lg:32px;
  --sp-xl:56px;
  --sp-xxl:96px;

  --sp-r-sm:12px;
  --sp-r-md:20px;
  --sp-r-lg:28px;
  --sp-r-pill:999px;

  /* Shadows are tinted to the sand ground, never black. */
  --sp-shadow:0 1px 2px rgba(78,64,44,.05);
  --sp-shadow-lift:0 18px 38px -18px rgba(78,64,44,.30), 0 2px 8px rgba(78,64,44,.06);

  --sp-maxw:1240px;
  --sp-gutter:20px;
  --sp-ease:cubic-bezier(.22,.61,.36,1);
  --sp-header-h:72px;
}
@media (min-width:768px){ :root{ --sp-gutter:32px; --sp-header-h:84px; } }