// Koder Design tokens — auto-generated.

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

$koder-tokens-dark: (
  "accent": #8ab4ff,
  "accent-on": #0d0f12,
  "bg": #0d0f12,
  "border": #2a2f37,
  "focus": #b8d1ff,
  "shadow-1": "0 1px 2px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.4)",
  "surface": #14171c,
  "surface-2": #1c2027,
  "text": #f1f1f4,
  "text-muted": #b9bcc4,
);