/* Brand tokens and the reset every marketing page shares. Linked once by
   <x-marketing-layout>, so it loads before any page CSS — a page that needs to
   override something can just restate it in its own <style> or stylesheet.

   Values here are the ones the pages already shipped, not the ones in the brand
   skill: the live site renders Pine as #000000 and Bone as #FFFFFF. Changing
   that is a redesign, not a dedup. */
:root {
  --pine: #000000;
  --gold: #fcc503;
  --gold-dark: #e0ae02;
  --bone: #FFFFFF;
  --ink: #000000;
  --moss: #5C5C5C;
  --fog: #E3E3E3;
  --sans: 'DM Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: var(--sans);
  --display: var(--sans);
}

* { margin: 0; padding: 0; box-sizing: border-box }
html { scroll-behavior: smooth }
img { max-width: 100% }

.wrap { max-width: 1160px; margin: 0 auto; padding: 0 24px }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto }
}