{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "$description": "Clubium — sub-brand independiente de Spotmind (no hereda; extends: null). Identidad 'Dirección B · Cercano' confirmada el 1-oct: superficie crema, texto casi negro, un solo color saturado (lima) y las cifras mandando. Valores tomados tal cual de clubium-client/src/app/globals.css (develop, 21-oct). $value canónico en HEX (compat. swatches/Figma); el OKLCH original queda en cada $description. 3 capas DTCG: primitive -> semantic -> component.",
  "primitive": {
    "$description": "Capa 1 — Core. Valores crudos tomados de globals.css. Nunca directo en UI.",
    "color": {
      "forest": {
        "$description": "Verde bosque. Ancla de marca, superficies inversas y estado de éxito. Es el color 'serio' que contrasta con la crema.",
        "600": { "$type": "color", "$value": "#0b703f", "$description": "oklch(0.48 0.115 155) — éxito / success." },
        "900": { "$type": "color", "$value": "#0e3020", "$description": "oklch(0.28 0.05 160) — primary, ancla de marca." },
        "950": { "$type": "color", "$value": "#101f13", "$description": "oklch(0.22 0.03 150) — base del scrim." }
      },
      "lime": {
        "$description": "Lima eléctrico. Único color saturado del sistema: acento, CTA y resaltados. Úsese con moderación.",
        "500": { "$type": "color", "$value": "#c8e928", "$description": "oklch(0.88 0.2 120) — accent." }
      },
      "sand": {
        "$description": "Neutrales cálidos (crema -> tinta). Superficies, texto y bordes. Reemplazan al gris: el sistema no usa grises fríos.",
        "0": { "$type": "color", "$value": "#fffefa", "$description": "oklch(0.997 0.005 103) — card / popover." },
        "50": { "$type": "color", "$value": "#fcfcf7", "$description": "oklch(0.99 0.006 103) — texto sobre fondos oscuros / *-foreground claro." },
        "100": { "$type": "color", "$value": "#f6f5e9", "$description": "oklch(0.967 0.016 103) — background de la app." },
        "200": { "$type": "color", "$value": "#ecebdc", "$description": "oklch(0.937 0.02 103) — muted." },
        "300": { "$type": "color", "$value": "#e4e3d5", "$description": "oklch(0.912 0.018 103) — input." },
        "400": { "$type": "color", "$value": "#d0cec1", "$description": "oklch(0.85 0.018 103) — border." },
        "600": { "$type": "color", "$value": "#5b5c51", "$description": "oklch(0.47 0.016 108) — muted-foreground / texto secundario." },
        "800": { "$type": "color", "$value": "#3b382d", "$description": "oklch(0.34 0.018 90) — secondary." },
        "950": { "$type": "color", "$value": "#171611", "$description": "oklch(0.2 0.01 105) — foreground / tinta, texto principal." }
      },
      "amber": {
        "$description": "Ámbar. Advertencias no bloqueantes.",
        "500": { "$type": "color", "$value": "#dd8736", "$description": "oklch(0.7 0.14 60) — warning." },
        "700": { "$type": "color", "$value": "#945820", "$description": "oklch(0.52 0.105 60) — warning-strong." }
      },
      "red": {
        "$description": "Rojo. Acciones destructivas y errores.",
        "600": { "$type": "color", "$value": "#c21725", "$description": "oklch(0.52 0.2 25) — destructive." }
      },
      "blue": {
        "$description": "Azul. Información neutral.",
        "600": { "$type": "color", "$value": "#1762b6", "$description": "oklch(0.5 0.15 255) — info." }
      }
    },
    "font": {
      "family": {
        "display": { "$type": "fontFamily", "$value": "Inter, system-ui, sans-serif", "$description": "PROVISIONAL — el sistema confirmado solo cubrió color. Pendiente de definir con el nuevo logotipo." },
        "body": { "$type": "fontFamily", "$value": "Inter, system-ui, sans-serif", "$description": "PROVISIONAL — ver display." },
        "mono": { "$type": "fontFamily", "$value": "JetBrains Mono, ui-monospace, monospace", "$description": "Mono para cifras y etiquetas (eyebrows). 'Las cifras mandando'." }
      },
      "weight": {
        "regular": { "$type": "fontWeight", "$value": "400" },
        "medium": { "$type": "fontWeight", "$value": "500" },
        "semibold": { "$type": "fontWeight", "$value": "600" },
        "bold": { "$type": "fontWeight", "$value": "700" },
        "extrabold": { "$type": "fontWeight", "$value": "800" }
      }
    },
    "space": {
      "0": { "$type": "dimension", "$value": "0px" },
      "1": { "$type": "dimension", "$value": "4px" },
      "2": { "$type": "dimension", "$value": "8px" },
      "3": { "$type": "dimension", "$value": "12px" },
      "4": { "$type": "dimension", "$value": "16px" },
      "5": { "$type": "dimension", "$value": "20px" },
      "6": { "$type": "dimension", "$value": "24px" },
      "8": { "$type": "dimension", "$value": "32px" },
      "10": { "$type": "dimension", "$value": "40px" },
      "12": { "$type": "dimension", "$value": "48px" }
    },
    "radius": {
      "none": { "$type": "dimension", "$value": "0px" },
      "sm": { "$type": "dimension", "$value": "6px" },
      "md": { "$type": "dimension", "$value": "10px", "$description": "PROVISIONAL — equivalente a rounded-lg de las tarjetas (shadcn --radius). Ajustar al confirmar." },
      "lg": { "$type": "dimension", "$value": "14px" },
      "xl": { "$type": "dimension", "$value": "20px" },
      "full": { "$type": "dimension", "$value": "999px" }
    }
  },
  "semantic": {
    "$description": "Capa 2 — intención de uso. Nombres espejo de globals.css (shadcn) para trazabilidad 1:1. Usar SIEMPRE estos en vez de primitivos.",
    "color": {
      "brand": {
        "primary": { "$type": "color", "$value": "{primitive.color.forest.900}", "$description": "--primary" },
        "secondary": { "$type": "color", "$value": "{primitive.color.sand.800}", "$description": "--secondary" },
        "accent": { "$type": "color", "$value": "{primitive.color.lime.500}", "$description": "--accent · único saturado, para CTA/resaltados" }
      },
      "surface": {
        "background": { "$type": "color", "$value": "{primitive.color.sand.100}", "$description": "--background" },
        "card": { "$type": "color", "$value": "{primitive.color.sand.0}", "$description": "--card" },
        "popover": { "$type": "color", "$value": "{primitive.color.sand.0}", "$description": "--popover" },
        "muted": { "$type": "color", "$value": "{primitive.color.sand.200}", "$description": "--muted" },
        "inverse": { "$type": "color", "$value": "{primitive.color.forest.900}", "$description": "superficies oscuras (hero, botón primario)" }
      },
      "text": {
        "primary": { "$type": "color", "$value": "{primitive.color.sand.950}", "$description": "--foreground" },
        "secondary": { "$type": "color", "$value": "{primitive.color.sand.600}", "$description": "--muted-foreground" },
        "on-brand": { "$type": "color", "$value": "{primitive.color.sand.50}", "$description": "--primary-foreground · texto sobre primary/inverse" },
        "on-accent": { "$type": "color", "$value": "{primitive.color.sand.950}", "$description": "--accent-foreground · texto sobre lima" }
      },
      "border": {
        "default": { "$type": "color", "$value": "{primitive.color.sand.400}", "$description": "--border" },
        "input": { "$type": "color", "$value": "{primitive.color.sand.300}", "$description": "--input" },
        "focus": { "$type": "color", "$value": "{primitive.color.forest.900}", "$description": "anillo de foco (usa el ancla de marca)" }
      },
      "status": {
        "success": { "$type": "color", "$value": "{primitive.color.forest.600}", "$description": "--success" },
        "success-foreground": { "$type": "color", "$value": "{primitive.color.sand.50}", "$description": "--success-foreground" },
        "warning": { "$type": "color", "$value": "{primitive.color.amber.500}", "$description": "--warning" },
        "warning-strong": { "$type": "color", "$value": "{primitive.color.amber.700}", "$description": "--warning-strong" },
        "warning-foreground": { "$type": "color", "$value": "{primitive.color.sand.950}", "$description": "--warning-foreground" },
        "destructive": { "$type": "color", "$value": "{primitive.color.red.600}", "$description": "--destructive" },
        "destructive-foreground": { "$type": "color", "$value": "{primitive.color.sand.50}", "$description": "--destructive-foreground" },
        "info": { "$type": "color", "$value": "{primitive.color.blue.600}", "$description": "--info" },
        "info-foreground": { "$type": "color", "$value": "{primitive.color.sand.50}", "$description": "--info-foreground" }
      },
      "effect": {
        "scrim": { "$type": "color", "$value": "#101f1380", "$description": "--scrim · oklch(0.22 0.03 150 / 0.5), velo al 50% sobre modales/overlays" }
      }
    },
    "font": {
      "display": { "$type": "fontFamily", "$value": "{primitive.font.family.display}" },
      "body": { "$type": "fontFamily", "$value": "{primitive.font.family.body}" },
      "mono": { "$type": "fontFamily", "$value": "{primitive.font.family.mono}" }
    },
    "radius": {
      "default": { "$type": "dimension", "$value": "{primitive.radius.md}", "$description": "Radio base de la marca: tarjetas, campos y botones (rounded-lg)." }
    }
  },
  "component": {
    "$description": "Capa 3 — tokens de componentes. Referencian semánticos.",
    "button": {
      "primary": {
        "background": { "$type": "color", "$value": "{semantic.color.brand.primary}", "$description": "Botón primario: verde bosque + texto crema (variante 'primary' de shadcn)." },
        "text": { "$type": "color", "$value": "{semantic.color.text.on-brand}" }
      },
      "accent": {
        "background": { "$type": "color", "$value": "{semantic.color.brand.accent}", "$description": "CTA destacado: lima + texto tinta. El botón más prominente (ej. 'Solicitar demo')." },
        "text": { "$type": "color", "$value": "{semantic.color.text.on-accent}" }
      },
      "radius": { "$type": "dimension", "$value": "{semantic.radius.default}" }
    },
    "card": {
      "background": { "$type": "color", "$value": "{semantic.color.surface.card}" },
      "border": { "$type": "color", "$value": "{semantic.color.border.default}" },
      "padding": { "$type": "dimension", "$value": "{primitive.space.6}" },
      "radius": { "$type": "dimension", "$value": "{semantic.radius.default}" }
    },
    "input": {
      "background": { "$type": "color", "$value": "{semantic.color.surface.card}" },
      "border": { "$type": "color", "$value": "{semantic.color.border.input}" },
      "text": { "$type": "color", "$value": "{semantic.color.text.primary}" },
      "radius": { "$type": "dimension", "$value": "{semantic.radius.default}" }
    },
    "badge": {
      "background": { "$type": "color", "$value": "{semantic.color.brand.accent}", "$description": "Píldora de acento (ej. 'EL MÁS ELEGIDO')." },
      "text": { "$type": "color", "$value": "{semantic.color.text.on-accent}" },
      "radius": { "$type": "dimension", "$value": "{primitive.radius.full}" }
    }
  }
}