{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "$description": "Autismus-Stiftung Design Tokens — Design Tokens Community Group format. Mirror at https://autismusstiftung.de/design-system/assets/tokens/tokens.json",
  "$version": "1.0.0",
  "$lastUpdated": "2026-04-29",

  "color": {
    "magenta": {
      "$value": "#d92d68",
      "$type": "color",
      "$description": "Primärfarbe. CTAs, Highlights, Section-Labels. Sparsam einsetzen."
    },
    "magenta-dark": {
      "$value": "#b01f52",
      "$type": "color",
      "$description": "Hover-Zustand auf Magenta-Buttons."
    },
    "magenta-darker": {
      "$value": "#B01F52",
      "$type": "color",
      "$description": "Component-Library-Variante (Snippet 58)."
    },
    "magenta-light": {
      "$value": "#fdeef4",
      "$type": "color",
      "$description": "Akzent-Hintergrund auf hell."
    },
    "magenta-xlight": {
      "$value": "#fef6f9",
      "$type": "color",
      "$description": "Section-Hintergrund hell-magenta."
    },
    "magenta-tint": {
      "$value": "rgba(217, 45, 104, 0.18)",
      "$type": "color"
    },
    "navy-deep": {
      "$value": "#060C2D",
      "$type": "color",
      "$description": "Primärer dunkler Hintergrund. Vertrauen, Seriosität."
    },
    "navy-mid": {
      "$value": "#0C1648",
      "$type": "color",
      "$description": "Karten, sekundärer dunkler Hintergrund."
    },
    "navy-light": {
      "$value": "#E8ECF8",
      "$type": "color",
      "$description": "Helle Akzentfläche, Tabs."
    },
    "creme": {
      "$value": "#F5F0E8",
      "$type": "color",
      "$description": "Warmton, Menschlichkeit."
    },
    "white": { "$value": "#FFFFFF", "$type": "color" },
    "black": { "$value": "#000000", "$type": "color" },
    "text": {
      "$value": "#515151",
      "$type": "color",
      "$description": "Fließtext auf hell."
    },
    "heading": {
      "$value": "#1A1A1A",
      "$type": "color",
      "$description": "Headlines auf hell."
    },
    "gray-bg": { "$value": "#F8F8F8", "$type": "color" },
    "gray-line": { "$value": "#EBEBEB", "$type": "color" },
    "gray-muted": { "$value": "#7C7C7C", "$type": "color" },
    "success": { "$value": "#2E7D32", "$type": "color" },
    "warning": { "$value": "#F9A825", "$type": "color" },
    "error":   { "$value": "#C62828", "$type": "color" },
    "info":    { "$value": "#1565C0", "$type": "color" }
  },

  "semantic": {
    "trust":   { "$value": "{color.navy-deep}", "$type": "color", "$description": "Vertrauen — Persona Johanna" },
    "action":  { "$value": "{color.magenta}",   "$type": "color", "$description": "Aktion — CTA" },
    "warmth":  { "$value": "{color.creme}",     "$type": "color", "$description": "Wärme, Menschlichkeit" },
    "persona-johanna-tint": { "$value": "rgba(6, 12, 45, 0.04)",     "$type": "color" },
    "persona-lisa-tint":    { "$value": "rgba(217, 45, 104, 0.06)",  "$type": "color" },
    "persona-peter-tint":   { "$value": "rgba(245, 240, 232, 0.8)",  "$type": "color" }
  },

  "font": {
    "family": {
      "display": {
        "$value": "Posterama 2001, Posterama, Inter, system-ui, sans-serif",
        "$type": "fontFamily",
        "$description": "Headlines, Logo, Display. NICHT Fließtext. Lokal eingebunden."
      },
      "body": {
        "$value": "Roboto, Inter, system-ui, sans-serif",
        "$type": "fontFamily",
        "$description": "Fließtext, UI, Forms. Google Fonts."
      },
      "mono": {
        "$value": "JetBrains Mono, Consolas, Monaco, monospace",
        "$type": "fontFamily"
      }
    },
    "weight": {
      "light":     { "$value": 300, "$type": "fontWeight" },
      "regular":   { "$value": 400, "$type": "fontWeight" },
      "medium":    { "$value": 500, "$type": "fontWeight" },
      "semibold":  { "$value": 600, "$type": "fontWeight" },
      "bold":      { "$value": 700, "$type": "fontWeight" },
      "black":     { "$value": 900, "$type": "fontWeight" },
      "display":   { "$value": 950, "$type": "fontWeight", "$description": "Posterama UltraBlack" }
    },
    "size": {
      "hero":     { "$value": "clamp(2.5rem, 6vw, 4.5rem)",    "$type": "dimension" },
      "h1":       { "$value": "clamp(2rem, 4.2vw, 3.2rem)",    "$type": "dimension" },
      "h2":       { "$value": "clamp(1.6rem, 2.8vw, 2.3rem)",  "$type": "dimension" },
      "h3":       { "$value": "1.25rem",  "$type": "dimension" },
      "h4":       { "$value": "1.1rem",   "$type": "dimension" },
      "body-lg":  { "$value": "1.125rem", "$type": "dimension" },
      "body":     { "$value": "1rem",     "$type": "dimension" },
      "body-sm":  { "$value": "0.875rem", "$type": "dimension" },
      "caption":  { "$value": "0.75rem",  "$type": "dimension" },
      "label":    { "$value": "0.72rem",  "$type": "dimension" }
    },
    "lineHeight": {
      "tight":   { "$value": 1.05, "$type": "number" },
      "snug":    { "$value": 1.22, "$type": "number" },
      "normal":  { "$value": 1.4,  "$type": "number" },
      "relaxed": { "$value": 1.6,  "$type": "number" },
      "body":    { "$value": 1.75, "$type": "number" }
    },
    "letterSpacing": {
      "tight":   { "$value": "-0.025em", "$type": "dimension" },
      "snug":    { "$value": "-0.015em", "$type": "dimension" },
      "normal":  { "$value": "0",        "$type": "dimension" },
      "wide":    { "$value": "0.05em",   "$type": "dimension" },
      "wider":   { "$value": "0.08em",   "$type": "dimension" },
      "widest":  { "$value": "0.12em",   "$type": "dimension" }
    }
  },

  "space": {
    "0":  { "$value": "0",       "$type": "dimension" },
    "1":  { "$value": "0.25rem", "$type": "dimension" },
    "2":  { "$value": "0.5rem",  "$type": "dimension" },
    "3":  { "$value": "0.75rem", "$type": "dimension" },
    "4":  { "$value": "1rem",    "$type": "dimension" },
    "5":  { "$value": "1.25rem", "$type": "dimension" },
    "6":  { "$value": "1.5rem",  "$type": "dimension" },
    "7":  { "$value": "1.75rem", "$type": "dimension" },
    "8":  { "$value": "2rem",    "$type": "dimension" },
    "10": { "$value": "2.5rem",  "$type": "dimension" },
    "12": { "$value": "3rem",    "$type": "dimension" },
    "14": { "$value": "3.5rem",  "$type": "dimension" },
    "16": { "$value": "4rem",    "$type": "dimension" },
    "20": { "$value": "5rem",    "$type": "dimension" },
    "24": { "$value": "6rem",    "$type": "dimension" }
  },

  "radius": {
    "xs":   { "$value": "4px",  "$type": "dimension" },
    "sm":   { "$value": "8px",  "$type": "dimension" },
    "md":   { "$value": "14px", "$type": "dimension" },
    "lg":   { "$value": "24px", "$type": "dimension" },
    "xl":   { "$value": "32px", "$type": "dimension" },
    "2xl":  { "$value": "40px", "$type": "dimension" },
    "pill": { "$value": "999px","$type": "dimension" }
  },

  "shadow": {
    "xs":     { "$value": "0 1px 2px rgba(0, 0, 0, 0.04)",        "$type": "shadow" },
    "sm":     { "$value": "0 2px 12px rgba(0, 0, 0, 0.07)",       "$type": "shadow" },
    "md":     { "$value": "0 6px 28px rgba(0, 0, 0, 0.10)",       "$type": "shadow" },
    "lg":     { "$value": "0 12px 48px rgba(0, 0, 0, 0.14)",      "$type": "shadow" },
    "magenta":{ "$value": "0 8px 28px rgba(217, 45, 104, 0.28)",  "$type": "shadow" },
    "navy":   { "$value": "0 8px 28px rgba(6, 12, 45, 0.22)",     "$type": "shadow" }
  },

  "duration": {
    "fast":   { "$value": "0.15s", "$type": "duration" },
    "base":   { "$value": "0.25s", "$type": "duration" },
    "slow":   { "$value": "0.45s", "$type": "duration" },
    "reveal": { "$value": "0.65s", "$type": "duration" }
  },

  "easing": {
    "standard": { "$value": "cubic-bezier(0.4, 0, 0.2, 1)", "$type": "cubicBezier" },
    "out":      { "$value": "cubic-bezier(0, 0, 0.2, 1)",   "$type": "cubicBezier" },
    "inOut":    { "$value": "cubic-bezier(0.4, 0, 0.6, 1)", "$type": "cubicBezier" }
  },

  "container": {
    "max":   { "$value": "1200px", "$type": "dimension" },
    "px":    { "$value": "40px",   "$type": "dimension" },
    "px-sm": { "$value": "24px",   "$type": "dimension" }
  },

  "breakpoint": {
    "mobile":  { "$value": "480px",  "$type": "dimension" },
    "tablet":  { "$value": "768px",  "$type": "dimension" },
    "laptop":  { "$value": "1024px", "$type": "dimension" },
    "desktop": { "$value": "1200px", "$type": "dimension" },
    "wide":    { "$value": "1440px", "$type": "dimension" }
  }
}