/* Generated by scripts/sync-design-tokens.mjs. Edit tokens.json. */
:root {
  color-scheme: light;
  --fz-palette-charcoal: #252627;
  --fz-palette-ink: #1e1f20;
  --fz-palette-pink: #f30a5c;
  --fz-palette-blue: #1c95f3;
  --fz-palette-cyan: #00e3d0;
  --fz-palette-yellow: #ffb400;
  --fz-palette-violet: #7442ce;
  --fz-palette-green: #58d819;
  --fz-bg: #f4f4f4;
  --fz-card: #ffffff;
  --fz-card-alt: #fafafa;
  --fz-text: #252627;
  --fz-muted: #62656b;
  --fz-border: #dcdee2;
  --fz-accent: #c90a4a;
  --fz-soft: #fdebf1;
  --fz-secondary: #0872be;
  --fz-secondary-soft: #e9f3fc;
  --fz-danger: #b42331;
  --fz-danger-soft: #fff0f1;
  --fz-success: #1b752f;
  --fz-success-soft: #e8f6eb;
  --fz-header: #252627;
  --fz-on-header: #ffffff;
  --fz-on-accent: #ffffff;
  --fz-disabled: #737780;
  --fz-focus: #0872be;
  --fz-font-heading: "Exo", "Arial", sans-serif;
  --fz-font-body: "Roboto", "Arial", sans-serif;
  --fz-radius-control: 4px;
  --fz-radius-card: 6px;
  --fz-radius-panel: 8px;
  --fz-radius-pill: 999px;
  --fz-space-xs: 4px;
  --fz-space-sm: 8px;
  --fz-space-md: 12px;
  --fz-space-lg: 16px;
  --fz-space-xl: 24px;
  --fz-space-xxl: 32px;
  --fz-layout-content-max: 1240px;
  --fz-layout-feed-max: 700px;
  --fz-layout-sidebar: 240px;
  --fz-layout-masthead-min: 80px;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --fz-bg: #1e1f20;
  --fz-card: #252627;
  --fz-card-alt: #2d2f31;
  --fz-text: #f4f4f4;
  --fz-muted: #b8bcc3;
  --fz-border: #484b50;
  --fz-accent: #ff7aa5;
  --fz-soft: #482732;
  --fz-secondary: #72bdff;
  --fz-secondary-soft: #23394e;
  --fz-danger: #ff8b96;
  --fz-danger-soft: #49272d;
  --fz-success: #72d593;
  --fz-success-soft: #233e2d;
  --fz-header: #161718;
  --fz-on-header: #ffffff;
  --fz-on-accent: #1e1f20;
  --fz-disabled: #9b9fa6;
  --fz-focus: #72bdff;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    color-scheme: dark;
    --fz-bg: #1e1f20;
    --fz-card: #252627;
    --fz-card-alt: #2d2f31;
    --fz-text: #f4f4f4;
    --fz-muted: #b8bcc3;
    --fz-border: #484b50;
    --fz-accent: #ff7aa5;
    --fz-soft: #482732;
    --fz-secondary: #72bdff;
    --fz-secondary-soft: #23394e;
    --fz-danger: #ff8b96;
    --fz-danger-soft: #49272d;
    --fz-success: #72d593;
    --fz-success-soft: #233e2d;
    --fz-header: #161718;
    --fz-on-header: #ffffff;
    --fz-on-accent: #1e1f20;
    --fz-disabled: #9b9fa6;
    --fz-focus: #72bdff;
  }
}