/* Evergreen — a green/teal financial palette layered over the Classical token
   sheet. Structure, type and hairline treatment are unchanged; only the color
   roles are restated, on the same OKLCH-style perceptual ramp steps. */

:root[data-palette="green"] {
  --color-bg: #f4f6f5;
  --color-surface: #e7edea;
  --color-text: #12201c;
  --color-accent: #14805f;
  --color-accent-2: #0f7a8c;
  --color-divider: color-mix(in srgb, #12201c 16%, transparent);

  --color-neutral-100: #f7f9f8;
  --color-neutral-200: #eaefec;
  --color-neutral-300: #d6dedb;
  --color-neutral-400: #b8c3bf;
  --color-neutral-500: #97a4a0;
  --color-neutral-600: #78857f;
  --color-neutral-700: #5b6763;
  --color-neutral-800: #3f4946;
  --color-neutral-900: #28302d;

  --color-accent-100: #d7efe5;
  --color-accent-200: #b0e0cd;
  --color-accent-300: #7ac8ae;
  --color-accent-400: #45ab8c;
  --color-accent-500: #1f8e70;
  --color-accent-600: #147a5b;
  --color-accent-700: #0d6349;
  --color-accent-800: #094a37;
  --color-accent-900: #063227;

  --color-accent-2-100: #d3edf2;
  --color-accent-2-200: #a9dbe5;
  --color-accent-2-300: #74c4d3;
  --color-accent-2-400: #3ea5b8;
  --color-accent-2-500: #1a8a9e;
  --color-accent-2-600: #0f7a8c;
  --color-accent-2-700: #0a5f6e;
  --color-accent-2-800: #074653;
  --color-accent-2-900: #052f38;

  --shadow-sm: 0 1px 2px color-mix(in srgb, #12201c 14%, transparent);
  --shadow-md: 0 3px 10px color-mix(in srgb, #12201c 16%, transparent);
  --shadow-lg: 0 12px 32px color-mix(in srgb, #12201c 22%, transparent);

  /* the deep ground used for the hero band and any colophon section */
  --color-ink: #0b1614;
}

:root[data-palette="gold"] { --color-ink: #171615; }