/* cubby tokens v0.1.0 -- generated by foundation/build.mjs, do not edit.
   Source: foundation/src/core/tokens.js. Link this BEFORE an app's own
   stylesheet, carrying data-cubby-tokens so core.js knows not to inject. */
:root {
  color-scheme: light dark;

  --bg: #faf8f5;
  --fg: #201d1a;
  --muted: #77706a;
  --accent: #c2571b;
  --accent-soft: #c2571b22;
  --card: #ffffff;
  --border: #e7e2da;
  --code-bg: #f2eee8;
  --shadow: 0 1px 2px rgb(32 29 26 / 0.05), 0 4px 12px rgb(32 29 26 / 0.06);
  --shadow-hover: 0 2px 4px rgb(32 29 26 / 0.07), 0 10px 24px rgb(32 29 26 / 0.1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --bg: #16130f;
    --fg: #ede9e3;
    --muted: #9a938a;
    --accent: #e8823f;
    --accent-soft: #e8823f26;
    --card: #201c17;
    --border: #362f27;
    --code-bg: #211d18;
    --shadow: 0 1px 2px rgb(0 0 0 / 0.3), 0 4px 12px rgb(0 0 0 / 0.25);
    --shadow-hover: 0 2px 4px rgb(0 0 0 / 0.35), 0 10px 24px rgb(0 0 0 / 0.4);
  }
}

:root[data-theme='dark'] {
  color-scheme: dark;

  --bg: #16130f;
  --fg: #ede9e3;
  --muted: #9a938a;
  --accent: #e8823f;
  --accent-soft: #e8823f26;
  --card: #201c17;
  --border: #362f27;
  --code-bg: #211d18;
  --shadow: 0 1px 2px rgb(0 0 0 / 0.3), 0 4px 12px rgb(0 0 0 / 0.25);
  --shadow-hover: 0 2px 4px rgb(0 0 0 / 0.35), 0 10px 24px rgb(0 0 0 / 0.4);
}

:root[data-theme='light'] {
  color-scheme: light;
}