{
  "meta": {
    "name": "KörperHarmonie",
    "description": "Warmes, erdverbundenes Design System für Physiotherapie & Osteopathie — harmonisch, heilend, professionell",
    "version": "1.0.0",
    "created": "2026-07-06",
    "personality": "Warm und erdverbunden wie ein Spaziergang im Wald. Vermittelt Kompetenz ohne Kälte, Geborgenheit ohne Kitsch. Die Typografie ist ruhig und lesbar, die Farben beruhigend ohne langweilig zu sein."
  },
  "colors": {
    "primary": {
      "value": "#8B6F47",
      "usage": "Hauptfarbe — CTA-Buttons, Headlines, Akzente. Warmes Braun das Erdung und Vertrauen vermittelt."
    },
    "primary-hover": {
      "value": "#7A6038",
      "usage": "Hover-State für Primary-Buttons. Etwas dunkler für visuelles Feedback."
    },
    "secondary": {
      "value": "#6B8F71",
      "usage": "Unterstützende Farbe — Tags, Badges, sekundäre Akzente. Sanftes Grün das Heilung und Wachstum symbolisiert."
    },
    "secondary-hover": {
      "value": "#5A7D60",
      "usage": "Hover-State für Secondary-Elemente."
    },
    "accent": {
      "value": "#D4A574",
      "usage": "Hervorhebungen — Highlight-Cards, decorative Elemente. Helles Warmbraun für visuelle Auflockerung."
    },
    "background": {
      "value": "#FDF8F4",
      "usage": "Seitenhintergrund. Warmes Off-White das nicht klinisch wirkt."
    },
    "surface": {
      "value": "#FFFFFF",
      "usage": "Karten, Panels, Input-Felder. Reines Weiß für klare Abhebung."
    },
    "surface-elevated": {
      "value": "#FFFAF5",
      "usage": "Modals, Dropdowns, Hover-States. Leicht warm getönt."
    },
    "border": {
      "value": "#E8DDD0",
      "usage": "Trennlinien, Input-Borders, Card-Rahmen. Dezentes Warmgrau."
    },
    "border-strong": {
      "value": "#D4C4B0",
      "usage": "Aktive Borders, Focus-Ringe. Deutlichere Abgrenzung."
    },
    "text-primary": {
      "value": "#3D3228",
      "usage": "Haupttext. Warmes Dunkelbraun statt kaltem Schwarz."
    },
    "text-secondary": {
      "value": "#8C7E72",
      "usage": "Beschriftungen, Captions, Placeholder. Warmes Mittelgrau."
    },
    "text-on-primary": {
      "value": "#FFFFFF",
      "usage": "Text auf Primary-Hintergrund (Buttons, Badges)."
    },
    "success": {
      "value": "#7CB87C",
      "usage": "Positive Zustände — Erfolgsmeldungen, Bestätigungen."
    },
    "warning": {
      "value": "#E8B84B",
      "usage": "Warnzustände — Achtung, Hinweise."
    },
    "error": {
      "value": "#D45B5B",
      "usage": "Fehlerzustände — Validierung, zerstörerische Aktionen."
    },
    "info": {
      "value": "#6B9AC4",
      "usage": "Informationale Zustände — Hinweise, Tipps."
    },
    "dark-bg": {
      "value": "#2C2420",
      "usage": "Dark-Mode Seitenhintergrund. Warmes Dunkelbraun."
    },
    "dark-surface": {
      "value": "#3D3530",
      "usage": "Dark-Mode Karten und Panels."
    }
  },
  "typography": {
    "font-display": {
      "family": "Playfair Display",
      "fallback": "Georgia, serif",
      "source": "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap"
    },
    "font-body": {
      "family": "DM Sans",
      "fallback": "system-ui, sans-serif",
      "source": "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap"
    },
    "font-mono": {
      "family": "JetBrains Mono",
      "fallback": "monospace",
      "source": "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap"
    },
    "scale": {
      "xs": { "size": "0.75rem", "lineHeight": "1rem", "usage": "Kleingedrucktes, Badges" },
      "sm": { "size": "0.875rem", "lineHeight": "1.25rem", "usage": "Captions, Labels" },
      "base": { "size": "1rem", "lineHeight": "1.6rem", "usage": "Fließtext" },
      "lg": { "size": "1.125rem", "lineHeight": "1.75rem", "usage": "Lead-Text, Karten-Titel" },
      "xl": { "size": "1.25rem", "lineHeight": "1.75rem", "usage": "Sections-Header" },
      "2xl": { "size": "1.5rem", "lineHeight": "2rem", "usage": "Seiten-Header" },
      "3xl": { "size": "1.875rem", "lineHeight": "2.25rem", "usage": "Hero-Titel" },
      "4xl": { "size": "2.5rem", "lineHeight": "1.2", "usage": "Display-Text, große Headlines" }
    },
    "weights": {
      "light": 300,
      "normal": 400,
      "medium": 500,
      "semibold": 600,
      "bold": 700
    }
  },
  "spacing": {
    "base-unit": "4px",
    "scale": {
      "0": "0",
      "1": "0.25rem",
      "2": "0.5rem",
      "3": "0.75rem",
      "4": "1rem",
      "5": "1.25rem",
      "6": "1.5rem",
      "8": "2rem",
      "10": "2.5rem",
      "12": "3rem",
      "16": "4rem",
      "20": "5rem"
    }
  },
  "borders": {
    "radius": {
      "none": "0",
      "sm": "6px",
      "md": "12px",
      "lg": "20px",
      "xl": "28px",
      "full": "9999px"
    },
    "width": {
      "default": "1px",
      "thick": "2px"
    }
  },
  "shadows": {
    "sm": {
      "value": "0 2px 8px rgba(139, 111, 71, 0.06)",
      "usage": "Subtle elevation — Inputs, kleine Cards"
    },
    "md": {
      "value": "0 4px 16px rgba(139, 111, 71, 0.10)",
      "usage": "Standard elevation — Cards, Dropdowns"
    },
    "lg": {
      "value": "0 8px 32px rgba(139, 111, 71, 0.14)",
      "usage": "Hohe elevation — Modals, Dialoge"
    },
    "glow": {
      "value": "0 0 20px rgba(139, 111, 71, 0.15)",
      "usage": "Brand Glow — Hover-States, aktive Elemente"
    }
  },
  "effects": {
    "backdrop-blur": "12px",
    "glass-opacity": "0.85",
    "transition-default": "0.3s ease",
    "transition-slow": "0.5s ease"
  },
  "components": {
    "button": {
      "primary": {
        "bg": "primary",
        "text": "text-on-primary",
        "radius": "md",
        "padding": "12px 24px",
        "hover": "primary-hover"
      },
      "secondary": {
        "bg": "transparent",
        "text": "primary",
        "radius": "md",
        "border": "primary",
        "padding": "12px 24px"
      },
      "ghost": {
        "bg": "transparent",
        "text": "text-secondary",
        "radius": "md",
        "padding": "8px 16px"
      }
    },
    "card": {
      "bg": "surface",
      "radius": "lg",
      "shadow": "sm",
      "padding": "24px",
      "border": "border"
    },
    "input": {
      "bg": "surface",
      "border": "border",
      "radius": "md",
      "text": "text-primary",
      "placeholder": "text-secondary",
      "focus-ring": "primary"
    },
    "badge": {
      "bg": "accent",
      "text": "text-primary",
      "radius": "full",
      "padding": "4px 12px"
    }
  }
}