{
  "$schema": "https://kds.koder.dev/schemas/tokens-v1.json",
  "_comment": "Koder Design tokens — auto-generated. Source: tools/design-gen/assets/css/base.css",
  "light": {
    "accent": {
      "value": "#1f3a93"
    },
    "accent-on": {
      "value": "#ffffff"
    },
    "bg": {
      "value": "#ffffff"
    },
    "border": {
      "value": "#d4d4d9"
    },
    "focus": {
      "value": "#0f3bd6"
    },
    "fs-base": {
      "value": "16px"
    },
    "radius-lg": {
      "value": "16px"
    },
    "radius-md": {
      "value": "10px"
    },
    "radius-sm": {
      "value": "6px"
    },
    "shadow-1": {
      "value": "0 1px 2px rgba(0, 0, 0, 0.10), 0 2px 6px rgba(0, 0, 0, 0.06)"
    },
    "surface": {
      "value": "#f5f5f7"
    },
    "surface-2": {
      "value": "#eaeaee"
    },
    "text": {
      "value": "#161616"
    },
    "text-muted": {
      "value": "#4b4b4b"
    }
  },
  "dark": {
    "accent": {
      "value": "#8ab4ff"
    },
    "accent-on": {
      "value": "#0d0f12"
    },
    "bg": {
      "value": "#0d0f12"
    },
    "border": {
      "value": "#2a2f37"
    },
    "focus": {
      "value": "#b8d1ff"
    },
    "shadow-1": {
      "value": "0 1px 2px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.4)"
    },
    "surface": {
      "value": "#14171c"
    },
    "surface-2": {
      "value": "#1c2027"
    },
    "text": {
      "value": "#f1f1f4"
    },
    "text-muted": {
      "value": "#b9bcc4"
    }
  }
}