/* Generated from packages/design-system/tokens.css by scripts/sync-design-tokens.js.
   Do not edit here: change the shared package and re-run `npm run sync-tokens`. */
:root {
  --katilix-ink: #22272e;
  --katilix-muted: #5c6670;
  --katilix-paper: #f8f6f2;
  --katilix-panel: #ffffff;
  --katilix-line: #e7e5e2;
  --katilix-brand: #6e1f2a;
  --katilix-brand-secondary: #a49688;
  --katilix-soft: #f3f1ee;
  --katilix-danger: #8d2634;
  --katilix-warning: #8b633c;
  --katilix-lab: #171b20;
  --katilix-lab-panel: #252b32;
  --katilix-lab-line: #3a434c;
  --katilix-lab-accent: #b7a792;

  --katilix-font-ui: "Manrope", ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  --katilix-font-editorial: "Source Serif 4", Georgia, "Times New Roman", serif;

  --katilix-radius-control: 10px;
  --katilix-radius-card: 14px;
  --katilix-radius-panel: 18px;
  --katilix-shadow-card: 0 10px 32px rgba(34, 39, 46, 0.055);
  --katilix-shadow-elevated: 0 16px 40px rgba(34, 39, 46, 0.09);
  --katilix-shadow-brand: 0 10px 26px rgba(110, 31, 42, 0.25);
  --katilix-focus-ring: 0 0 0 3px rgba(110, 31, 42, 0.1);
}