{
  "$schema": "https://tr.designtokens.org/format/",
  "$description": "Design tokens for the Vercel dark interpretation.",
  "meta": {
    "name": "Vercel Dark",
    "theme": "dark",
    "description": "A black, border-led Geist interface with blue reserved for interaction."
  },
  "color": {
    "canvas": { "$value": "#000000", "$type": "color", "$description": "Primary page background and deepest surface." },
    "surface": { "$value": "#0a0a0a", "$type": "color", "$description": "Raised panels and cards." },
    "surface-raised": { "$value": "#111111", "$type": "color", "$description": "Inset regions and secondary panels." },
    "border": { "$value": "#1a1a1a", "$type": "color", "$description": "Hairlines, dividers, and inactive control borders." },
    "ink": { "$value": "#ffffff", "$type": "color", "$description": "Primary text and inverse primary actions." },
    "ink-muted": { "$value": "#a1a1a1", "$type": "color", "$description": "Supporting text and secondary icons." },
    "ink-subtle": { "$value": "#666666", "$type": "color", "$description": "Captions and inactive labels." },
    "accent": { "$value": "#0070f3", "$type": "color", "$description": "Links, focus rings, and featured actions." },
    "accent-hover": { "$value": "#3291ff", "$type": "color", "$description": "Hover state for accent actions." },
    "danger": { "$value": "#ee0000", "$type": "color", "$description": "Destructive actions and error states." }
  },
  "typography": {
    "display": { "$value": { "fontFamily": "Geist, Inter, system-ui, sans-serif", "fontSize": "48px", "fontWeight": 600, "lineHeight": "48px", "letterSpacing": "-2.4px" }, "$type": "typography", "$description": "Large page-level headline." },
    "heading": { "$value": { "fontFamily": "Geist, Inter, system-ui, sans-serif", "fontSize": "32px", "fontWeight": 600, "lineHeight": "40px", "letterSpacing": "-1.28px" }, "$type": "typography", "$description": "Section headline." },
    "title": { "$value": { "fontFamily": "Geist, Inter, system-ui, sans-serif", "fontSize": "24px", "fontWeight": 600, "lineHeight": "32px", "letterSpacing": "-0.96px" }, "$type": "typography", "$description": "Card and subsection title." },
    "body": { "$value": { "fontFamily": "Geist, Inter, system-ui, sans-serif", "fontSize": "16px", "fontWeight": 400, "lineHeight": "24px", "letterSpacing": "0px" }, "$type": "typography", "$description": "Default prose and body copy." },
    "label": { "$value": { "fontFamily": "Geist, Inter, system-ui, sans-serif", "fontSize": "14px", "fontWeight": 500, "lineHeight": "20px", "letterSpacing": "0px" }, "$type": "typography", "$description": "Buttons, navigation, and form labels." },
    "caption-mono": { "$value": { "fontFamily": "Geist Mono, ui-monospace, monospace", "fontSize": "12px", "fontWeight": 400, "lineHeight": "16px", "letterSpacing": "0px" }, "$type": "typography", "$description": "Code, identifiers, and technical metadata." }
  },
  "spacing": {
    "1": { "$value": "4px", "$type": "dimension", "$description": "Base spacing unit." },
    "2": { "$value": "8px", "$type": "dimension", "$description": "Tight inline gap." },
    "3": { "$value": "12px", "$type": "dimension", "$description": "Compact control gap." },
    "4": { "$value": "16px", "$type": "dimension", "$description": "Default component gap." },
    "6": { "$value": "24px", "$type": "dimension", "$description": "Card padding and group separation." },
    "8": { "$value": "32px", "$type": "dimension", "$description": "Section-internal separation." },
    "10": { "$value": "40px", "$type": "dimension", "$description": "Large component separation." },
    "16": { "$value": "64px", "$type": "dimension", "$description": "Major section separation." }
  },
  "radius": {
    "sm": { "$value": "6px", "$type": "dimension", "$description": "Controls and compact surfaces." },
    "md": { "$value": "12px", "$type": "dimension", "$description": "Cards and menus." },
    "lg": { "$value": "16px", "$type": "dimension", "$description": "Large surfaces and dialogs." },
    "full": { "$value": "9999px", "$type": "dimension", "$description": "Pills, avatars, and circular controls." }
  },
  "$extensions": {
    "com.design-md-editor.source": {
      "url": "https://vercel.com/",
      "note": "Dark interpretation maintained separately from the Vercel light reference."
    }
  }
}