/* Tonchi drops the house cream paper for plain white / neutral dark. Loaded right after
   jaybulb.com/tokens.css so these win; only surface and ink change, accents stay. */
:root {
  --color-bg: #ffffff;
  --color-bg2: #f4f4f5;
  --color-text: #18181b;
  --color-secondary: rgba(24,24,27,0.60);
  --color-soft: rgba(24,24,27,0.72);
  --color-hairline: #e4e4e7;
  --color-code-bg: #f4f4f5;
  --text3: rgba(24,24,27,0.38);
  /* Brand blue replaces the house clay red. Error and wrong-answer red stay in lingo.css. */
  --clay: #2e86de;
  --clay-deep: #1f6fb2;
  --accent: #2e86de;
  --accent-dot: #2e86de;
  --color-hairline-strong: #2e86de;
  --color-underline: rgba(46,134,222,0.45);
  --color-underline-hover: #2e86de;
}
[data-theme="dark"] {
  --color-bg: #111111;
  --color-bg2: #1c1c1e;
  --color-text: #f4f4f5;
  --color-secondary: rgba(244,244,245,0.60);
  --color-soft: rgba(244,244,245,0.72);
  --color-hairline: #2c2c2e;
  --color-code-bg: #1c1c1e;
  --text3: rgba(244,244,245,0.38);
  --clay: #5aa9f0;
  --clay-deep: #5aa9f0;
  --accent: #5aa9f0;
  --accent-dot: #5aa9f0;
  --color-hairline-strong: #5aa9f0;
  --color-underline: rgba(90,169,240,0.55);
  --color-underline-hover: #5aa9f0;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: #111111;
    --color-bg2: #1c1c1e;
    --color-text: #f4f4f5;
    --color-secondary: rgba(244,244,245,0.60);
    --color-soft: rgba(244,244,245,0.72);
    --color-hairline: #2c2c2e;
    --color-code-bg: #1c1c1e;
    --text3: rgba(244,244,245,0.38);
    --clay: #5aa9f0;
    --clay-deep: #5aa9f0;
    --accent: #5aa9f0;
    --accent-dot: #5aa9f0;
    --color-hairline-strong: #5aa9f0;
    --color-underline: rgba(90,169,240,0.55);
    --color-underline-hover: #5aa9f0;
  }
}