{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "$description": "Noaber.ai design tokens — single source of truth.",
  "$version": "1.0.0",
  "$updated": "2026-05-09",

  "color": {
    "primary":         { "$value": "#4FB8B0", "$type": "color", "$description": "Noaber teal — canonical brand-accent." },
    "primary-hover":   { "$value": "#6BC9C0", "$type": "color" },
    "primary-pressed": { "$value": "#3FA298", "$type": "color" },
    "primary-deep":    { "$value": "#1A5C5E", "$type": "color", "$description": "Donkere variant voor body-tekst-accent op licht." },
    "primary-tint":    { "$value": "rgba(79, 184, 176, 0.12)", "$type": "color" },

    "neutral": {
      "0":    { "$value": "#FFFFFF", "$type": "color" },
      "50":   { "$value": "#F8FAFC", "$type": "color" },
      "100":  { "$value": "#F1F3F8", "$type": "color" },
      "200":  { "$value": "#E5E7EB", "$type": "color" },
      "400":  { "$value": "#A0A4B4", "$type": "color" },
      "600":  { "$value": "#5C6275", "$type": "color" },
      "800":  { "$value": "#252B38", "$type": "color" },
      "900":  { "$value": "#1A1E26", "$type": "color" },
      "1000": { "$value": "#0B0E14", "$type": "color" }
    },

    "semantic-light": {
      "bg":          { "$value": "{color.neutral.0}",    "$type": "color" },
      "bg-elevated": { "$value": "{color.neutral.50}",   "$type": "color" },
      "surface":     { "$value": "{color.neutral.100}",  "$type": "color" },
      "border":      { "$value": "{color.neutral.200}",  "$type": "color" },
      "text":        { "$value": "{color.neutral.1000}", "$type": "color" },
      "text-muted":  { "$value": "{color.neutral.600}",  "$type": "color" }
    },

    "semantic-dark": {
      "bg":          { "$value": "{color.neutral.1000}", "$type": "color" },
      "bg-elevated": { "$value": "{color.neutral.900}",  "$type": "color" },
      "surface":     { "$value": "{color.neutral.800}",  "$type": "color" },
      "border":      { "$value": "{color.neutral.800}",  "$type": "color" },
      "text":        { "$value": "{color.neutral.50}",   "$type": "color" },
      "text-muted":  { "$value": "{color.neutral.400}",  "$type": "color" }
    },

    "status": {
      "success": { "$value": "#22C55E", "$type": "color" },
      "warning": { "$value": "#F59E0B", "$type": "color" },
      "danger":  { "$value": "#EF4444", "$type": "color" }
    }
  },

  "font-family": {
    "brand": { "$value": "Arial, Helvetica, sans-serif", "$type": "fontFamily", "$description": "Logo + brand-tekst, werk-overal." },
    "body":  { "$value": "system-ui, -apple-system, 'Segoe UI', Inter, sans-serif", "$type": "fontFamily" },
    "mono":  { "$value": "ui-monospace, SFMono-Regular, monospace", "$type": "fontFamily" }
  },

  "spacing": {
    "1": { "$value": "0.25rem", "$type": "dimension" },
    "2": { "$value": "0.5rem",  "$type": "dimension" },
    "4": { "$value": "1rem",    "$type": "dimension" },
    "6": { "$value": "1.5rem",  "$type": "dimension" },
    "8": { "$value": "2rem",    "$type": "dimension" }
  },

  "radius": {
    "sm":   { "$value": "0.375rem", "$type": "dimension" },
    "md":   { "$value": "0.625rem", "$type": "dimension" },
    "lg":   { "$value": "1rem",     "$type": "dimension" },
    "full": { "$value": "9999px",   "$type": "dimension" }
  }
}