{
  "schemaVersion": 1,
  "contractVersion": "1.1.0",
  "themes": [
    "light",
    "dark",
    "contrast"
  ],
  "tokens": {
    "color.canvas": {
      "css": "--vd-canvas",
      "type": "color",
      "customizable": true,
      "label": "Seitenhintergrund",
      "group": "Farben"
    },
    "color.surface": {
      "css": "--vd-surface",
      "type": "color",
      "customizable": true,
      "label": "Fläche",
      "group": "Farben"
    },
    "color.surfaceRaised": {
      "css": "--vd-surface-raised",
      "type": "color",
      "customizable": true,
      "label": "Erhöhte Fläche",
      "group": "Farben"
    },
    "color.surfaceMuted": {
      "css": "--vd-surface-muted",
      "type": "color",
      "customizable": true,
      "label": "Gedämpfte Fläche",
      "group": "Farben"
    },
    "color.surfaceQuiet": {
      "css": "--vd-surface-quiet",
      "type": "color",
      "customizable": true,
      "label": "Ruhige Fläche",
      "group": "Farben"
    },
    "color.line": {
      "css": "--vd-line",
      "type": "color",
      "customizable": true,
      "label": "Trennlinie",
      "group": "Farben"
    },
    "color.lineStrong": {
      "css": "--vd-line-strong",
      "type": "color",
      "customizable": true,
      "label": "Starke Trennlinie",
      "group": "Farben"
    },
    "color.ink": {
      "css": "--vd-ink",
      "type": "color",
      "customizable": true,
      "label": "Primärtext",
      "group": "Farben"
    },
    "color.inkSecondary": {
      "css": "--vd-ink-secondary",
      "type": "color",
      "customizable": true,
      "label": "Sekundärtext",
      "group": "Farben"
    },
    "color.inkMuted": {
      "css": "--vd-ink-muted",
      "type": "color",
      "customizable": true,
      "label": "Hinweistext",
      "group": "Farben"
    },
    "color.brand": {
      "css": "--vd-brand",
      "type": "color",
      "customizable": true,
      "label": "Akzentfarbe",
      "group": "Marke"
    },
    "color.brandStrong": {
      "css": "--vd-brand-strong",
      "type": "color",
      "customizable": true,
      "label": "Akzentfarbe kräftig",
      "group": "Marke"
    },
    "color.brandSoft": {
      "css": "--vd-brand-soft",
      "type": "color",
      "customizable": false,
      "label": "color.brandSoft",
      "group": "Color"
    },
    "color.success": {
      "css": "--vd-success",
      "type": "color",
      "customizable": true,
      "label": "Erfolg",
      "group": "Status"
    },
    "color.successSoft": {
      "css": "--vd-success-soft",
      "type": "color",
      "customizable": false,
      "label": "color.successSoft",
      "group": "Color"
    },
    "color.warning": {
      "css": "--vd-warning",
      "type": "color",
      "customizable": true,
      "label": "Warnung",
      "group": "Status"
    },
    "color.warningSoft": {
      "css": "--vd-warning-soft",
      "type": "color",
      "customizable": false,
      "label": "color.warningSoft",
      "group": "Color"
    },
    "color.danger": {
      "css": "--vd-danger",
      "type": "color",
      "customizable": true,
      "label": "Gefahr",
      "group": "Status"
    },
    "color.dangerSoft": {
      "css": "--vd-danger-soft",
      "type": "color",
      "customizable": false,
      "label": "color.dangerSoft",
      "group": "Color"
    },
    "color.info": {
      "css": "--vd-info",
      "type": "color",
      "customizable": true,
      "label": "Information",
      "group": "Status"
    },
    "color.infoSoft": {
      "css": "--vd-info-soft",
      "type": "color",
      "customizable": false,
      "label": "color.infoSoft",
      "group": "Color"
    },
    "color.focus": {
      "css": "--vd-focus",
      "type": "color",
      "customizable": false,
      "label": "color.focus",
      "group": "Color"
    },
    "shadow.float": {
      "css": "--vd-shadow-float",
      "type": "shadow",
      "customizable": false,
      "label": "shadow.float",
      "group": "Shadow"
    },
    "shadow.soft": {
      "css": "--vd-shadow-soft",
      "type": "shadow",
      "customizable": false,
      "label": "shadow.soft",
      "group": "Shadow"
    },
    "radius.xs": {
      "css": "--vd-radius-xs",
      "type": "dimension",
      "customizable": true,
      "label": "Rundung klein",
      "group": "Form",
      "min": 0,
      "max": 16
    },
    "radius.sm": {
      "css": "--vd-radius-sm",
      "type": "dimension",
      "customizable": true,
      "label": "Rundung mittel",
      "group": "Form",
      "min": 0,
      "max": 20
    },
    "radius.md": {
      "css": "--vd-radius-md",
      "type": "dimension",
      "customizable": true,
      "label": "Rundung groß",
      "group": "Form",
      "min": 0,
      "max": 28
    },
    "layout.sidebarWidth": {
      "css": "--vd-sidebar-width",
      "type": "dimension",
      "customizable": false,
      "label": "layout.sidebarWidth",
      "group": "Layout"
    },
    "layout.topbarHeight": {
      "css": "--vd-topbar-height",
      "type": "dimension",
      "customizable": false,
      "label": "layout.topbarHeight",
      "group": "Layout"
    },
    "density.controlHeight": {
      "css": "--vd-control-height",
      "type": "dimension",
      "customizable": true,
      "label": "Bedienelementhöhe",
      "group": "Dichte",
      "min": 32,
      "max": 52
    },
    "density.contentGap": {
      "css": "--vd-content-gap",
      "type": "dimension",
      "customizable": true,
      "label": "Inhaltsabstand",
      "group": "Dichte",
      "min": 8,
      "max": 32
    },
    "motion.fast": {
      "css": "--vd-motion-fast",
      "type": "duration",
      "customizable": false,
      "label": "motion.fast",
      "group": "Motion"
    },
    "motion.normal": {
      "css": "--vd-motion-normal",
      "type": "duration",
      "customizable": false,
      "label": "motion.normal",
      "group": "Motion"
    },
    "component.buttonHeight": {
      "css": "--vd-component-button-height",
      "type": "dimension",
      "customizable": true,
      "label": "Button-Höhe",
      "group": "Komponenten",
      "min": 32,
      "max": 56
    },
    "component.buttonRadius": {
      "css": "--vd-component-button-radius",
      "type": "dimension",
      "customizable": true,
      "label": "Button-Rundung",
      "group": "Komponenten",
      "min": 0,
      "max": 24
    },
    "component.inputHeight": {
      "css": "--vd-component-input-height",
      "type": "dimension",
      "customizable": true,
      "label": "Eingabefeld-Höhe",
      "group": "Komponenten",
      "min": 34,
      "max": 58
    },
    "component.inputRadius": {
      "css": "--vd-component-input-radius",
      "type": "dimension",
      "customizable": true,
      "label": "Eingabefeld-Rundung",
      "group": "Komponenten",
      "min": 0,
      "max": 24
    },
    "component.cardRadius": {
      "css": "--vd-component-card-radius",
      "type": "dimension",
      "customizable": true,
      "label": "Karten-Rundung",
      "group": "Komponenten",
      "min": 0,
      "max": 32
    },
    "component.cardPadding": {
      "css": "--vd-component-card-padding",
      "type": "dimension",
      "customizable": true,
      "label": "Karten-Innenabstand",
      "group": "Komponenten",
      "min": 8,
      "max": 32
    },
    "component.dialogRadius": {
      "css": "--vd-component-dialog-radius",
      "type": "dimension",
      "customizable": true,
      "label": "Dialog-Rundung",
      "group": "Komponenten",
      "min": 0,
      "max": 36
    },
    "component.focusWidth": {
      "css": "--vd-component-focus-width",
      "type": "dimension",
      "customizable": true,
      "label": "Fokus-Ring Stärke",
      "group": "Barrierefreiheit",
      "min": 2,
      "max": 6
    },
    "component.touchTarget": {
      "css": "--vd-component-touch-target",
      "type": "dimension",
      "customizable": true,
      "label": "Mindest-Zielgröße",
      "group": "Barrierefreiheit",
      "min": 40,
      "max": 56
    }
  }
}
