/* Generated from design/keepwise.tokens.json. Run npm run tokens. */
:root {
  --kw-primary: #101410;
  --kw-on-primary: #ffffff;
  --kw-background: #f5f7f6;
  --kw-surface: #ffffff;
  --kw-text: #101410;
  --kw-muted: #66706b;
  --kw-border: #1014101f;
  --kw-accent: #d6ff3f;
  --kw-error: #ff5964;
  --kw-success: #08786e;
  --kw-warning: #8a5b00;
  --kw-info: #185ba4;
  --kw-focus: #101410;
  --kw-on-media: #f5f7f6;
  --kw-media-scrim: #050706;
  --kw-soft: #e7ece8;
  --kw-search: #e3f0eb;
  --kw-safe-background: #050706;
  --kw-on-accent: #101410;
  --kw-error-text: #b42318;
  --kw-media-text: #f8f8f8;
  --kw-media-muted: #b2b2b2;
  --kw-media-surface: #1b1b1b;
  --kw-media-border: #ffffff26;
  --kw-font-heading: 'Poppins', sans-serif;
  --kw-font-body: 'Roboto', sans-serif;
  --kw-spacing: 24px;
  --kw-radius: 12px;
  --kw-max-width: 1200px;
  --kw-touch: 48px;
}
:root[data-theme="dark"] {
  --kw-primary: #f5f7f6;
  --kw-on-primary: #101410;
  --kw-background: #111111;
  --kw-surface: #1b1b1b;
  --kw-text: #f6f6f6;
  --kw-muted: #b2b2b2;
  --kw-border: #f5f7f626;
  --kw-accent: #d6ff3f;
  --kw-error: #ff5964;
  --kw-success: #35d1bd;
  --kw-warning: #ffd580;
  --kw-info: #92c5ff;
  --kw-focus: #f5f7f6;
  --kw-on-media: #f5f7f6;
  --kw-media-scrim: #070707;
  --kw-soft: #252525;
  --kw-search: #171717;
  --kw-safe-background: #070707;
  --kw-on-accent: #111111;
  --kw-error-text: #ffb4ab;
}