/* Klaws design tokens. Master values live in design/tokens.json; the design guard keeps both in sync. */
:root {
  --abyss: #040A20;
  --deep: #0A1A4A;
  --ocean: #0F3A8F;
  --tide: #1C5FD0;
  --night: #04050B;
  --ink: #F3F6FF;
  --ink-mid: #C3CEEE;
  --ink-low: #9DAEDD;
  --coral: #FF6B57;
  --coral-text: #FF8F7A;
  --coral-ink: #1A0905;
  --red: #E8432F;
  --red-light: #FF7A5C;
  --red-shade: #A91F14;
  --red-deep: #7E140C;
  --blush: #FF8F86;
  --pupil: #0B1022;
  --white: #FFFFFF;

  --font-sans: "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;

  --line: rgba(243, 246, 255, 0.14);
  --line-strong: rgba(243, 246, 255, 0.32);
  --panel: rgba(4, 10, 32, 0.72);
  --radius: 20px;
  --gutter: 16px;
}