/* Stacksmith brand tokens — v1.0 */

:root {
  /* Core */
  --ss-bone: #F4F1EB;
  --ss-ink: #1A1714;
  --ss-ember: #C8612A;

  /* Neutrals */
  --ss-paper: #FAF8F2;
  --ss-flax: #E5DED0;
  --ss-slate: #4A433C;
  --ss-stone: #8A827A;

  /* Auxiliary */
  --ss-charcoal: #2A2421;
  --ss-ember-bright: #E58A4A;

  /* Ink scale */
  --ss-ink-100: #D8D8D7;
  --ss-ink-200: #B3B1B0;
  --ss-ink-300: #83817F;
  --ss-ink-400: #4B4946;

  /* Ember scale */
  --ss-ember-100: #F9E7E0;
  --ss-ember-200: #F2D0C1;
  --ss-ember-300: #E8B198;

  /* Bone scale */
  --ss-bone-100: #FDFDFC;
  --ss-bone-300: #F9F8F5;
  --ss-bone-400: #F7F4F0;
  --ss-bone-600: #C5C2BD;

  /* Type families */
  --ss-serif: "Instrument Serif", "Cormorant Garamond", Georgia, serif;
  --ss-sans: "Geist", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --ss-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;

  /* Type scale */
  --t-display: clamp(56px, 9vw, 120px);
  --t-h1: clamp(40px, 5.5vw, 64px);
  --t-h2: clamp(26px, 2.6vw, 36px);
  --t-h3: 22px;
  --t-lead: 19px;
  --t-body: 15px;
  --t-ui: 13px;
  --t-mono: 11px;

  /* Page */
  --page-max: 1240px;
  --page-pad: clamp(20px, 4vw, 56px);

  /* Density (overridden by tweaks) */
  --section-pad-y: 128px;
  --gap: 24px;
}

/* Density variants */
:root[data-density="compact"] {
  --section-pad-y: 88px;
}
:root[data-density="editorial"] {
  --section-pad-y: 160px;
}

/* Accent intensity */
:root[data-accent="bright"] {
  --ss-ember: #E58A4A;
}
:root[data-accent="quiet"] {
  --ss-ember: #A14D20;
}