@layer foundation {
  /* Source: styles/tokens.css */ /* Canonical paired theme tokens. Preserve this position in the stylesheet cascade. */
  :root {
    color-scheme: light;
    --forest: #153d30;
    --forest-2: #285541;
    --sage: #dfe8dc;
    --mint: #eef2e9;
    --cream: #f5f3eb;
    --paper: #fffef9;
    --ink: #26362d;
    --muted: #65746a;
    --line: #dedfd5;
    --amber: #b58a45;
    --red: #9f4339;
    --shadow: 0 10px 30px rgba(31, 55, 40, 0.08);
    --radius: 12px;
    --cc-focus: #9b772e;
    --cc-success: #2f6843;
    --cc-success-bg: #e9f1e6;
    --cc-warning: #775617;
    --cc-warning-bg: #fbf0d6;
    --cc-danger: #923f36;
    --cc-danger-bg: #fff0ec;
    --ux-secondary: #596b5f;
    --ux-border: #cbd4c9;
    --ux-focus: #9b772e;
    --ux-danger: #923f36;
    font-family:
      ui-sans-serif,
      system-ui,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      sans-serif;
  }
  @media (prefers-color-scheme: dark) {
    :root {
      color-scheme: dark;
      --forest: #10291f;
      --forest-2: #1c3b2c;
      --sage: #294536;
      --mint: #1d3529;
      --cream: #0c1d17;
      --paper: #142a20;
      --ink: #f1eee3;
      --muted: #b3c0b5;
      --line: #354b3e;
      --amber: #d4b267;
      --red: #e58e7d;
      --shadow: 0 12px 32px rgba(0, 0, 0, 0.24);
      --cc-focus: #e0bf71;
      --cc-success: #b9d9bd;
      --cc-success-bg: #294332;
      --cc-warning: #f0cf80;
      --cc-warning-bg: #493b21;
      --cc-danger: #ffc0ad;
      --cc-danger-bg: #492d29;
      --ux-secondary: #bfccbf;
      --ux-border: #465b4d;
      --ux-focus: #e0bf71;
      --ux-danger: #ffc0ad;
    }
  }
}