/* MOSS — Moss Engine Rebase Works — design tokens
   Ground: pale sage, never white, never dark (dark lives only in the chain card).
   One accent family: matte moss green. Gradient lands on one word or one CTA only. */

:root {
  /* ground */
  --ground: #EEF3E9;
  --ground-2: #F6F8F2;
  --panel: #FFFFFF;

  /* ink */
  --ink: #1C2B20;
  --ink-soft: rgba(28, 43, 32, 0.68);
  --ink-faint: rgba(28, 43, 32, 0.45);

  /* moss accent family (matte) */
  --moss-deep: #2E5B3B;
  --moss: #4E8F55;
  --moss-bright: #83C57F;
  --chartreuse: #A9C24B;
  --cream: #F3EFE2;

  /* the one dark exception */
  --dark: #101B13;
  --dark-panel: #17251B;
  --on-dark: #EDF3EA;
  --on-dark-soft: rgba(237, 243, 234, 0.62);

  /* lines + depth */
  --line: rgba(28, 43, 32, 0.14);
  --line-soft: rgba(28, 43, 32, 0.08);
  --lift: 0 10px 30px rgba(28, 43, 32, 0.08);

  /* gradient: spent on ONE word / ONE CTA, never body copy */
  --spread-gradient: linear-gradient(100deg, var(--moss-deep) 0%, var(--moss) 45%, var(--moss-bright) 100%);

  /* type */
  --font-display: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-ui: "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  /* rhythm (8pt) */
  --s1: 8px;
  --s2: 16px;
  --s3: 24px;
  --s4: 32px;
  --s6: 48px;
  --s8: 64px;
  --s12: 96px;
  --s16: 128px;

  --radius: 20px;
  --radius-pill: 999px;
  --maxw: 1160px;
}