{
  "schemaVersion": 1,
  "contractVersion": "1.1.0",
  "themes": [
    "light",
    "dark",
    "contrast"
  ],
  "tokens": {
    "color.canvas": {
      "css": "--vd-canvas",
      "type": "color",
      "customizable": true,
      "light": "#f7f5f1",
      "dark": "#171714",
      "contrast": "#000000",
      "label": "Seitenhintergrund",
      "group": "Farben"
    },
    "color.surface": {
      "css": "--vd-surface",
      "type": "color",
      "customizable": true,
      "light": "#fffdf9",
      "dark": "#1d1d19",
      "contrast": "#090909",
      "label": "Fläche",
      "group": "Farben"
    },
    "color.surfaceRaised": {
      "css": "--vd-surface-raised",
      "type": "color",
      "customizable": true,
      "light": "#ffffff",
      "dark": "#22221e",
      "contrast": "#111111",
      "label": "Erhöhte Fläche",
      "group": "Farben"
    },
    "color.surfaceMuted": {
      "css": "--vd-surface-muted",
      "type": "color",
      "customizable": true,
      "light": "#f1efea",
      "dark": "#292923",
      "contrast": "#1b1b1b",
      "label": "Gedämpfte Fläche",
      "group": "Farben"
    },
    "color.surfaceQuiet": {
      "css": "--vd-surface-quiet",
      "type": "color",
      "customizable": true,
      "light": "#ebe8e1",
      "dark": "#303029",
      "contrast": "#242424",
      "label": "Ruhige Fläche",
      "group": "Farben"
    },
    "color.line": {
      "css": "--vd-line",
      "type": "color",
      "customizable": true,
      "light": "#e2ded6",
      "dark": "#37372f",
      "contrast": "#ffffff",
      "label": "Trennlinie",
      "group": "Farben"
    },
    "color.lineStrong": {
      "css": "--vd-line-strong",
      "type": "color",
      "customizable": true,
      "light": "#cbc5ba",
      "dark": "#4a4940",
      "contrast": "#ffffff",
      "label": "Starke Trennlinie",
      "group": "Farben"
    },
    "color.ink": {
      "css": "--vd-ink",
      "type": "color",
      "customizable": true,
      "light": "#171714",
      "dark": "#f2efe8",
      "contrast": "#ffffff",
      "label": "Primärtext",
      "group": "Farben"
    },
    "color.inkSecondary": {
      "css": "--vd-ink-secondary",
      "type": "color",
      "customizable": true,
      "light": "#5f5b54",
      "dark": "#c3beb4",
      "contrast": "#ffffff",
      "label": "Sekundärtext",
      "group": "Farben"
    },
    "color.inkMuted": {
      "css": "--vd-ink-muted",
      "type": "color",
      "customizable": true,
      "light": "#8c877e",
      "dark": "#8f8a80",
      "contrast": "#f2f2f2",
      "label": "Hinweistext",
      "group": "Farben"
    },
    "color.brand": {
      "css": "--vd-brand",
      "type": "color",
      "customizable": true,
      "light": "#e33a16",
      "dark": "#ff5a32",
      "contrast": "#ffe600",
      "label": "Akzentfarbe",
      "group": "Marke"
    },
    "color.brandStrong": {
      "css": "--vd-brand-strong",
      "type": "color",
      "customizable": true,
      "light": "#c92f10",
      "dark": "#ff744f",
      "contrast": "#ffffff",
      "label": "Akzentfarbe kräftig",
      "group": "Marke"
    },
    "color.brandSoft": {
      "css": "--vd-brand-soft",
      "type": "color",
      "customizable": false,
      "light": "rgba(227, 58, 22, 0.08)",
      "dark": "rgba(255, 90, 50, 0.12)",
      "contrast": "rgba(255, 230, 0, 0.20)",
      "label": "color.brandSoft",
      "group": "Color"
    },
    "color.success": {
      "css": "--vd-success",
      "type": "color",
      "customizable": true,
      "light": "#2f7d50",
      "dark": "#75bd8c",
      "contrast": "#66ff99",
      "label": "Erfolg",
      "group": "Status"
    },
    "color.successSoft": {
      "css": "--vd-success-soft",
      "type": "color",
      "customizable": false,
      "light": "#e7f2ea",
      "dark": "#203629",
      "contrast": "#002d12",
      "label": "color.successSoft",
      "group": "Color"
    },
    "color.warning": {
      "css": "--vd-warning",
      "type": "color",
      "customizable": true,
      "light": "#b96a23",
      "dark": "#e2a35f",
      "contrast": "#ffd000",
      "label": "Warnung",
      "group": "Status"
    },
    "color.warningSoft": {
      "css": "--vd-warning-soft",
      "type": "color",
      "customizable": false,
      "light": "#fbefe3",
      "dark": "#3b2e20",
      "contrast": "#332a00",
      "label": "color.warningSoft",
      "group": "Color"
    },
    "color.danger": {
      "css": "--vd-danger",
      "type": "color",
      "customizable": true,
      "light": "#c44234",
      "dark": "#ed7568",
      "contrast": "#ff6b6b",
      "label": "Gefahr",
      "group": "Status"
    },
    "color.dangerSoft": {
      "css": "--vd-danger-soft",
      "type": "color",
      "customizable": false,
      "light": "#f9e8e5",
      "dark": "#3b2523",
      "contrast": "#3a0000",
      "label": "color.dangerSoft",
      "group": "Color"
    },
    "color.info": {
      "css": "--vd-info",
      "type": "color",
      "customizable": true,
      "light": "#3975ba",
      "dark": "#78a9df",
      "contrast": "#72c7ff",
      "label": "Information",
      "group": "Status"
    },
    "color.infoSoft": {
      "css": "--vd-info-soft",
      "type": "color",
      "customizable": false,
      "light": "#e8f0f9",
      "dark": "#202f40",
      "contrast": "#00253d",
      "label": "color.infoSoft",
      "group": "Color"
    },
    "color.focus": {
      "css": "--vd-focus",
      "type": "color",
      "customizable": false,
      "light": "rgba(227, 58, 22, 0.18)",
      "dark": "rgba(255, 90, 50, 0.26)",
      "contrast": "rgba(255, 230, 0, 0.55)",
      "label": "color.focus",
      "group": "Color"
    },
    "shadow.float": {
      "css": "--vd-shadow-float",
      "type": "shadow",
      "customizable": false,
      "light": "0 18px 48px rgba(35, 30, 24, 0.12)",
      "dark": "0 20px 56px rgba(0, 0, 0, 0.38)",
      "contrast": "0 0 0 2px #ffffff",
      "label": "shadow.float",
      "group": "Shadow"
    },
    "shadow.soft": {
      "css": "--vd-shadow-soft",
      "type": "shadow",
      "customizable": false,
      "light": "0 8px 24px rgba(35, 30, 24, 0.06)",
      "dark": "0 8px 26px rgba(0, 0, 0, 0.20)",
      "contrast": "0 0 0 1px #ffffff",
      "label": "shadow.soft",
      "group": "Shadow"
    },
    "radius.xs": {
      "css": "--vd-radius-xs",
      "type": "dimension",
      "customizable": true,
      "min": 0,
      "max": 16,
      "light": "5px",
      "dark": "5px",
      "contrast": "0px",
      "label": "Rundung klein",
      "group": "Form"
    },
    "radius.sm": {
      "css": "--vd-radius-sm",
      "type": "dimension",
      "customizable": true,
      "min": 0,
      "max": 20,
      "light": "8px",
      "dark": "8px",
      "contrast": "2px",
      "label": "Rundung mittel",
      "group": "Form"
    },
    "radius.md": {
      "css": "--vd-radius-md",
      "type": "dimension",
      "customizable": true,
      "min": 0,
      "max": 28,
      "light": "12px",
      "dark": "12px",
      "contrast": "4px",
      "label": "Rundung groß",
      "group": "Form"
    },
    "layout.sidebarWidth": {
      "css": "--vd-sidebar-width",
      "type": "dimension",
      "customizable": false,
      "light": "148px",
      "dark": "148px",
      "contrast": "168px",
      "label": "layout.sidebarWidth",
      "group": "Layout"
    },
    "layout.topbarHeight": {
      "css": "--vd-topbar-height",
      "type": "dimension",
      "customizable": false,
      "light": "60px",
      "dark": "60px",
      "contrast": "64px",
      "label": "layout.topbarHeight",
      "group": "Layout"
    },
    "density.controlHeight": {
      "css": "--vd-control-height",
      "type": "dimension",
      "customizable": true,
      "min": 32,
      "max": 52,
      "light": "40px",
      "dark": "40px",
      "contrast": "44px",
      "label": "Bedienelementhöhe",
      "group": "Dichte"
    },
    "density.contentGap": {
      "css": "--vd-content-gap",
      "type": "dimension",
      "customizable": true,
      "min": 8,
      "max": 32,
      "light": "16px",
      "dark": "16px",
      "contrast": "18px",
      "label": "Inhaltsabstand",
      "group": "Dichte"
    },
    "motion.fast": {
      "css": "--vd-motion-fast",
      "type": "duration",
      "customizable": false,
      "light": "120ms",
      "dark": "120ms",
      "contrast": "0ms",
      "label": "motion.fast",
      "group": "Motion"
    },
    "motion.normal": {
      "css": "--vd-motion-normal",
      "type": "duration",
      "customizable": false,
      "light": "180ms",
      "dark": "180ms",
      "contrast": "0ms",
      "label": "motion.normal",
      "group": "Motion"
    },
    "component.buttonHeight": {
      "css": "--vd-component-button-height",
      "type": "dimension",
      "customizable": true,
      "min": 32,
      "max": 56,
      "light": "40px",
      "dark": "40px",
      "contrast": "46px",
      "label": "Button-Höhe",
      "group": "Komponenten"
    },
    "component.buttonRadius": {
      "css": "--vd-component-button-radius",
      "type": "dimension",
      "customizable": true,
      "min": 0,
      "max": 24,
      "light": "8px",
      "dark": "8px",
      "contrast": "2px",
      "label": "Button-Rundung",
      "group": "Komponenten"
    },
    "component.inputHeight": {
      "css": "--vd-component-input-height",
      "type": "dimension",
      "customizable": true,
      "min": 34,
      "max": 58,
      "light": "42px",
      "dark": "42px",
      "contrast": "48px",
      "label": "Eingabefeld-Höhe",
      "group": "Komponenten"
    },
    "component.inputRadius": {
      "css": "--vd-component-input-radius",
      "type": "dimension",
      "customizable": true,
      "min": 0,
      "max": 24,
      "light": "8px",
      "dark": "8px",
      "contrast": "2px",
      "label": "Eingabefeld-Rundung",
      "group": "Komponenten"
    },
    "component.cardRadius": {
      "css": "--vd-component-card-radius",
      "type": "dimension",
      "customizable": true,
      "min": 0,
      "max": 32,
      "light": "12px",
      "dark": "12px",
      "contrast": "4px",
      "label": "Karten-Rundung",
      "group": "Komponenten"
    },
    "component.cardPadding": {
      "css": "--vd-component-card-padding",
      "type": "dimension",
      "customizable": true,
      "min": 8,
      "max": 32,
      "light": "16px",
      "dark": "16px",
      "contrast": "18px",
      "label": "Karten-Innenabstand",
      "group": "Komponenten"
    },
    "component.dialogRadius": {
      "css": "--vd-component-dialog-radius",
      "type": "dimension",
      "customizable": true,
      "min": 0,
      "max": 36,
      "light": "16px",
      "dark": "16px",
      "contrast": "4px",
      "label": "Dialog-Rundung",
      "group": "Komponenten"
    },
    "component.focusWidth": {
      "css": "--vd-component-focus-width",
      "type": "dimension",
      "customizable": true,
      "min": 2,
      "max": 6,
      "light": "3px",
      "dark": "3px",
      "contrast": "4px",
      "label": "Fokus-Ring Stärke",
      "group": "Barrierefreiheit"
    },
    "component.touchTarget": {
      "css": "--vd-component-touch-target",
      "type": "dimension",
      "customizable": true,
      "min": 40,
      "max": 56,
      "light": "44px",
      "dark": "44px",
      "contrast": "48px",
      "label": "Mindest-Zielgröße",
      "group": "Barrierefreiheit"
    }
  }
}
