{
  "name": "Civic Clarity",
  "version": "5.0.0",
  "brand": "Character Developer™",
  "ethos": "Instrument-panel clarity: honest materials, restrained motion, one dominant surface per panel. Less, but better.",
  "colors": {
    "orange": { "base": "#E38B42", "hi": "#F0A14D", "lo": "#B8682C", "role": "Primary accent / CTA" },
    "seafoam": { "hi": "#EAEFE1", "lo": "#DDE3D4", "role": "Content surface" },
    "aluminum": { "hi": "#C7C9C0", "lo": "#B9BBB2", "role": "Frame / border" },
    "text": { "primary": "#2F2F2C", "muted": "#6A6A60" },
    "semantic": {
      "ok": "#3BAA6B",
      "warn": "#C47B2E",
      "err": "#C5524A",
      "info": "#4F7BAF"
    }
  },
  "materials": {
    "aluminum": "linear-gradient(180deg, #B6B4AA 0%, #A9A698 48%, #C0BEB3 100%)",
    "seafoam": "linear-gradient(180deg, #E4E2C9 0%, #DBD9BB 100%)",
    "orange": "radial-gradient(circle at 30% 25%, #FFE0B3 0%, #D18A45 45%, #B8682C 100%)",
    "glass": "linear-gradient(180deg, rgba(255,255,255,0.45), rgba(255,255,255,0.05))",
    "rules": [
      "One dominant material per panel",
      "Never mix more than 2 layers in one component",
      "Aluminum = structure | Seafoam = content | Orange = action | Glass = overlay"
    ]
  },
  "elevation": {
    "l0": "0 1px 2px rgba(47,47,44,0.04)",
    "l1": "inset 0 1px 0 rgba(255,255,255,0.6), 0 2px 8px rgba(47,47,44,0.06)",
    "l2": "inset 0 1px 0 rgba(255,255,255,0.5), 0 4px 12px rgba(47,47,44,0.1)",
    "l3": "inset 0 1px 0 rgba(255,255,255,0.4), 0 8px 32px rgba(47,47,44,0.16)",
    "focus": "0 0 0 2px var(--cd-orange), 0 0 0 6px rgba(227,139,66,0.18)"
  },
  "grid": {
    "breakpoints": {
      "desktop": { "min": 1024, "base": 24, "padding": 32 },
      "tablet": { "min": 768, "max": 1023, "base": 16, "padding": 24 },
      "mobile": { "max": 767, "base": 12, "padding": 16 }
    }
  },
  "typography": {
    "display": { "family": "Satoshi, Inter, system-ui, sans-serif", "weight": 600, "tracking": "-0.01em" },
    "body": { "family": "Inter, IBM Plex Sans, system-ui, sans-serif", "weight": 400, "tracking": "0.02em" },
    "tech": { "weight": 500 }
  },
  "spacing": [4, 8, 12, 16, 24, 32],
  "radius": { "xs": 4, "sm": 8, "md": 12, "lg": 16, "pill": 9999 },
  "motion": {
    "duration": { "atom": 120, "molecule": 240, "organism": 360, "modal": 420 },
    "easing": {
      "fast": "cubic-bezier(0.25, 1, 0.5, 1)",
      "soft": "cubic-bezier(0.2, 0.8, 0.3, 1)"
    },
    "buttonPress": "translateY(1px) scale(0.99)"
  },
  "haptics": {
    "tap": [12],
    "toggle": [10, 20, 10],
    "confirm": [20, 15, 20],
    "warn": [40, 30, 40, 30, 40],
    "warmBloom": [0, 40, 20, 80, 20, 40],
    "respectsReducedMotion": true
  },
  "components": {
    "cd-btn": "Soft shadow, atom-duration transition",
    "cd-btn--primary": "Orange metal, white text",
    "cd-input": "Inset shadow, alum border, 50% white fill",
    "cd-card": "Seafoam glass + soft shadow",
    "cd-pill": "14px radius, subtle top gradient",
    "cd-modal": "Glass blur 6px, hard shadow"
  },
  "accessibility": {
    "minTouchTarget": 44,
    "bodyContrastRatio": 4.5,
    "focusRing": "var(--cd-orange)"
  }
}