/* Cadence brand tokens — shared across all directions */
@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap");

:root {
  --pine:           #0F2A22;
  --pine-90:        rgba(15,42,34,0.90);
  --pine-80:        rgba(15,42,34,0.80);
  --pine-60:        rgba(15,42,34,0.60);
  --pine-40:        rgba(15,42,34,0.40);
  --pine-22:        rgba(15,42,34,0.22);
  --pine-14:        rgba(15,42,34,0.14);
  --pine-08:        rgba(15,42,34,0.08);
  --parchment:      #FAF8F3;
  --parchment-deep: #F0EBDD;
  --parchment-soft: #F4EFE2;
  --vermilion:      #B0432A;
  --vermilion-soft: #C9614A;
  --evergreen:      #1A6048;
  --brass:          #B58A3D;
  --serif: "Instrument Serif", "Times New Roman", serif;
  --sans:  "Geist", ui-sans-serif, system-ui, sans-serif;
  --mono:  "Geist Mono", ui-monospace, monospace;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  font-family: var(--sans);
  background: var(--parchment);
  color: var(--pine);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-feature-settings: "ss01","cv11";
}

a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }
ul { list-style: none; }
img, svg { display: block; }