{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tokens",
  "type": "registry:component",
  "title": "Design Tokens",
  "description": "The moco token contract: warm-paper light theme + warm-dark theme, lime accent, four font slots. Import once; every moco component styles itself from these variables.",
  "dependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/tokens/tokens.css",
      "type": "registry:file",
      "target": "components/moco/tokens.css",
      "content": "/* moco/ui — design tokens.\n   One-time setup: import this once (e.g. in your root layout / global css).\n   Every moco component styles itself exclusively from these variables —\n   override any of them to retheme the whole library.\n\n   Light: warm paper, near-black ink, lime accent (fill-only on paper — the\n   dark lime --moco-accent-dk does text/stroke duty at 4.9:1).\n   Dark: warm near-black, paper ink, lime works as both fill and text. */\n\n:root {\n  --moco-bg: #fcfbf9;\n  --moco-panel: #f4f2ee;\n  --moco-ink: rgba(0, 0, 0, 0.88);\n  --moco-body: rgba(0, 0, 0, 0.76);\n  --moco-muted: rgba(0, 0, 0, 0.6);\n  --moco-faint: rgba(0, 0, 0, 0.48);\n  --moco-line: rgba(0, 0, 0, 0.12);\n  --moco-accent: #c6f24e;\n  --moco-accent-dk: #5b770c;\n  --moco-on-accent: #14180a;\n  --moco-warn: #b8437a;\n  --moco-accent-wash: rgba(198, 242, 78, 0.34);\n  --moco-warn-wash: rgba(184, 67, 122, 0.1);\n  --moco-hover-wash: rgba(0, 0, 0, 0.04);\n  --moco-ease: cubic-bezier(0.23, 1, 0.32, 1);\n\n  --moco-serif: ui-serif, Georgia, \"Times New Roman\", serif;\n  --moco-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  --moco-sans: ui-sans-serif, system-ui, sans-serif;\n  --moco-display: ui-serif, Georgia, serif;\n}\n\n@media (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    --moco-bg: #121110;\n    --moco-panel: #1d1c19;\n    --moco-ink: rgba(255, 255, 255, 0.92);\n    --moco-body: rgba(255, 255, 255, 0.78);\n    --moco-muted: rgba(255, 255, 255, 0.6);\n    --moco-faint: rgba(255, 255, 255, 0.45);\n    --moco-line: rgba(255, 255, 255, 0.14);\n    --moco-accent: #c6f24e;\n    --moco-accent-dk: #c6f24e;\n    --moco-on-accent: #14180a;\n    --moco-warn: #e06ba0;\n    --moco-accent-wash: rgba(198, 242, 78, 0.16);\n    --moco-warn-wash: rgba(224, 107, 160, 0.14);\n    --moco-hover-wash: rgba(255, 255, 255, 0.06);\n  }\n}\n\n[data-theme=\"dark\"] {\n  --moco-bg: #121110;\n  --moco-panel: #1d1c19;\n  --moco-ink: rgba(255, 255, 255, 0.92);\n  --moco-body: rgba(255, 255, 255, 0.78);\n  --moco-muted: rgba(255, 255, 255, 0.6);\n  --moco-faint: rgba(255, 255, 255, 0.45);\n  --moco-line: rgba(255, 255, 255, 0.14);\n  --moco-accent: #c6f24e;\n  --moco-accent-dk: #c6f24e;\n  --moco-on-accent: #14180a;\n  --moco-warn: #e06ba0;\n  --moco-accent-wash: rgba(198, 242, 78, 0.16);\n  --moco-warn-wash: rgba(224, 107, 160, 0.14);\n  --moco-hover-wash: rgba(255, 255, 255, 0.06);\n}\n"
    }
  ],
  "meta": {
    "tags": [
      "theme",
      "tokens",
      "setup"
    ]
  }
}