/* Koder Design tokens — auto-generated. Do not edit by hand. */
/* Source: tools/design-gen/assets/css/base.css                  */

:root {
  --kdr-accent: #1f3a93;
  --kdr-accent-on: #ffffff;
  --kdr-bg: #ffffff;
  --kdr-border: #d4d4d9;
  --kdr-focus: #0f3bd6;
  --kdr-fs-base: 16px;
  --kdr-radius-lg: 16px;
  --kdr-radius-md: 10px;
  --kdr-radius-sm: 6px;
  --kdr-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.10), 0 2px 6px rgba(0, 0, 0, 0.06);
  --kdr-surface: #f5f5f7;
  --kdr-surface-2: #eaeaee;
  --kdr-text: #161616;
  --kdr-text-muted: #4b4b4b;
}

[data-theme="dark"] {
  --kdr-accent: #8ab4ff;
  --kdr-accent-on: #0d0f12;
  --kdr-bg: #0d0f12;
  --kdr-border: #2a2f37;
  --kdr-focus: #b8d1ff;
  --kdr-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.4);
  --kdr-surface: #14171c;
  --kdr-surface-2: #1c2027;
  --kdr-text: #f1f1f4;
  --kdr-text-muted: #b9bcc4;
}