/* Carbon Violet, the app's dark theme — copied from components/web/src/assets/theme/_colors.scss (.dark).
   Colour is only ever an encoding here:
   violet = keywords, and the left Side of a Comparison
   mint   = key moment, and the right Side
   amber  = calls to action, nothing else */
:root {
  color-scheme: dark;
  --canvas: #0d0b12;
  --surface: #17141f;
  --sunken: #110e18;
  --raised: #221d2e;
  --hairline: #3a3249;
  --border-strong: #6f6489;
  --ink: #f2effa;
  --ink-muted: #aaa3be;
  --ink-subtle: #8b8399;
  --ink-on-fill: #18181b;
  --violet: #b18bff;
  --violet-ink: #c7aafe;
  --violet-soft: #241b38;
  --mint: #45c78f;
  --mint-ink: #7fe0ab;
  --mint-soft: #14291f;
  --amber: #e09550;
  --danger: #fb7a86;
  --grid: #2e2740;
  --selection: #402e65;

  --serif: "Newsreader", Georgia, serif;
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: ui-monospace, "Cascadia Code", Consolas, monospace;
  --gutter: clamp(16px, 4vw, 48px);
  --r: 6px;
  --r-card: 12px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}