/*
 * Shelvanize brand tokens. Core palette values come from design/icon-palette.md §2
 * (cloth spruce, brass foil, rule ink, paper/charcoal fields) in the umbrella repo —
 * change them there first, then mirror here. Web-derived surfaces and text tones are
 * defined only in this file.
 *
 * Usage rules: spruce carries interaction (links, CTA); brass is decorative and
 * never carries body text on light surfaces (brass-ink is the darkened text-safe
 * variant, small labels only).
 */
:root {
  color-scheme: light dark;

  --sv-spruce: #0B5D51;
  --sv-spruce-deep: #084A41;
  --sv-on-spruce: #F4F1E9;
  --sv-brass: #C08A2E;
  --sv-brass-ink: #7E5613;
  --sv-ink: #12161A;
  --sv-ink-soft: #414A53;
  --sv-paper: #F4F1E9;
  --sv-paper-raised: #FCFAF4;
  --sv-paper-edge: #DDD8CA;
  --sv-shelf: #4A3A28;
}

@media (prefers-color-scheme: dark) {
  :root {
    --sv-spruce: #35A891;
    --sv-spruce-deep: #4DBFA8;
    --sv-on-spruce: #0C0F12;
    --sv-brass: #E0AE4E;
    --sv-brass-ink: #E0AE4E;
    --sv-ink: #EDE9E0;
    --sv-ink-soft: #ABA69B;
    --sv-paper: #14181D;
    --sv-paper-raised: #1C2229;
    --sv-paper-edge: #2C333C;
    --sv-shelf: #5C4A33;
  }
}