{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "$description": "Claura design tokens — v1.0. Style Dictionary compatible. Keep monochrome dominant; violet is signal, not paint.",
  "color": {
    "bg": {
      "$type": "color",
      "primary":  { "$value": "#121217", "$description": "Primary dark canvas" },
      "elevated": { "$value": "#16161D", "$description": "Cards, panels" },
      "surface":  { "$value": "#1C1C24" },
      "tint":     { "$value": "#22222D", "$description": "Hover, subtle fill" },
      "light":          { "$value": "#F6F6FB", "$description": "Light canvas" },
      "light-elevated": { "$value": "#FFFFFF" }
    },
    "border": {
      "$type": "color",
      "default":    { "$value": "#22222D" },
      "soft":       { "$value": "#1A1A23" },
      "light":      { "$value": "#E8E8F1" },
      "light-soft": { "$value": "#F1F1F6" }
    },
    "text": {
      "$type": "color",
      "primary":     { "$value": "#E8E8F1" },
      "secondary":   { "$value": "#9E9EB2" },
      "tertiary":    { "$value": "#5E5E70" },
      "on-light":             { "$value": "#1C1C24" },
      "on-light-secondary":   { "$value": "#5E5E70" },
      "on-accent":   { "$value": "#FFFFFF" }
    },
    "accent": {
      "$type": "color",
      "default": { "$value": "#7C6DF2", "$description": "Brand violet · use as signal/active, max ~5% surface coverage" },
      "hover":   { "$value": "#6557D4" },
      "pressed": { "$value": "#5346B8" },
      "soft":    { "$value": "#B8AFF7" },
      "tint":    { "$value": "rgba(124,109,242,0.16)" },
      "glow":    { "$value": "rgba(124,109,242,0.32)" }
    },
    "semantic": {
      "$type": "color",
      "success": { "$value": "#1D9E75" },
      "warning": { "$value": "#BA7517" },
      "danger":  { "$value": "#E24B4A" },
      "info":    { "$value": "{color.accent.default}" }
    }
  },
  "typography": {
    "family": {
      "$type": "fontFamily",
      "sans": { "$value": ["Inter", "-apple-system", "BlinkMacSystemFont", "system-ui", "sans-serif"] }
    },
    "weight": {
      "$type": "fontWeight",
      "regular": { "$value": 400 },
      "medium":  { "$value": 500, "$description": "Wordmark and emphasis. No 600/700 by policy." }
    },
    "size": {
      "$type": "dimension",
      "xs":   { "$value": "11px" },
      "sm":   { "$value": "13px" },
      "base": { "$value": "15px" },
      "md":   { "$value": "16px" },
      "lg":   { "$value": "18px" },
      "xl":   { "$value": "24px" },
      "2xl":  { "$value": "32px" },
      "3xl":  { "$value": "40px" },
      "4xl":  { "$value": "56px" },
      "5xl":  { "$value": "72px" }
    },
    "tracking": {
      "tight":    { "$value": "-0.015em" },
      "tighter":  { "$value": "-0.025em" },
      "display":  { "$value": "-0.04em" },
      "wordmark": { "$value": "-0.05em", "$description": "Reserved for 'claura' wordmark" }
    },
    "leading": {
      "tight":   { "$value": 1.05 },
      "snug":    { "$value": 1.25 },
      "normal":  { "$value": 1.55 },
      "relaxed": { "$value": 1.7 }
    }
  },
  "space": {
    "$type": "dimension",
    "$description": "4-pixel base scale. Custom values forbidden.",
    "0":  { "$value": "0" },
    "1":  { "$value": "4px" },
    "2":  { "$value": "8px" },
    "3":  { "$value": "12px" },
    "4":  { "$value": "16px" },
    "5":  { "$value": "20px" },
    "6":  { "$value": "24px" },
    "8":  { "$value": "32px" },
    "10": { "$value": "40px" },
    "12": { "$value": "48px" },
    "16": { "$value": "64px" },
    "20": { "$value": "80px" },
    "24": { "$value": "96px" },
    "32": { "$value": "128px" }
  },
  "radius": {
    "$type": "dimension",
    "0":    { "$value": "0" },
    "sm":   { "$value": "6px" },
    "md":   { "$value": "12px" },
    "button": { "$value": "16px", "$description": "Standard rail button radius" },
    "button-sm": { "$value": "14px", "$description": "Compact rail button radius" },
    "lg":   { "$value": "20px" },
    "xl":   { "$value": "28px" },
    "full": { "$value": "9999px" },
    "app-icon": { "$value": "22.37%", "$description": "iOS / macOS tile mask radius" }
  },
  "motion": {
    "ease": {
      "$type": "cubicBezier",
      "default":   { "$value": [0.22, 1.0, 0.36, 1.0] },
      "in":        { "$value": [0.4, 0.0, 1.0, 1.0] },
      "in-out":    { "$value": [0.4, 0.0, 0.2, 1.0] }
    },
    "duration": {
      "$type": "duration",
      "fast":   { "$value": "160ms" },
      "base":   { "$value": "240ms" },
      "slow":   { "$value": "400ms" },
      "page":   { "$value": "1200ms" },
      "stagger":{ "$value": "80ms" },
      "pulse-loop": { "$value": "2800ms" }
    }
  },
  "shadow": {
    "$type": "shadow",
    "sm":    { "$value": "0 1px 2px rgba(0,0,0,0.20)" },
    "default": { "$value": "0 4px 12px -2px rgba(0,0,0,0.32)" },
    "lg":    { "$value": "0 12px 32px -8px rgba(0,0,0,0.55)" },
    "focus": { "$value": "0 0 0 3px rgba(124,109,242,0.32)" }
  },
  "z-index": {
    "$type": "number",
    "base":     { "$value": 1 },
    "dropdown": { "$value": 100 },
    "sticky":   { "$value": 200 },
    "modal":    { "$value": 1000 },
    "toast":    { "$value": 1100 }
  },
  "logo": {
    "$description": "Geometric specs for the Rails mark. Reproduce exactly.",
    "canvas":         { "$type": "dimension", "$value": "64u" },
    "bar-width":      { "$type": "dimension", "$value": "6u" },
    "bar-gap":        { "$type": "dimension", "$value": "4u" },
    "bar-radius":     { "$type": "dimension", "$value": "3u" },
    "baseline-y":     { "$type": "dimension", "$value": "52u" },
    "bar-heights":    { "$value": [24, 38, 32, 28], "$description": "Left → right" },
    "accent-bar-index": { "$value": 1, "$description": "0-indexed; the violet rail (second from left)" },
    "clear-space":    { "$type": "dimension", "$value": "1× bar-width on all sides" },
    "min-size-favicon": { "$type": "dimension", "$value": "16px" }
  }
}