{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "$description": "Efrain Garay — design tokens. W3C DTCG format. Reusable by build tools, Figma (Tokens Studio) and other agents. Dark-first with a light theme. MIT.",
  "color": {
    "$type": "color",
    "brand": {
      "teal": {
        "$value": "#3ECF8E",
        "$description": "Primary. Success, ESTABLISHED, base data."
      },
      "violet": {
        "$value": "#A98BFF",
        "$description": "Accent. Network/IP layer, brand gradient."
      },
      "peri": {
        "$value": "#8B9DF0",
        "$description": "Accent. Subtitles, physical/bits layer."
      },
      "blue": {
        "$value": "#5AA9FF",
        "$description": "Accent. Link/Ethernet layer, data in transit."
      },
      "amber": {
        "$value": "#E8B446",
        "$description": "Warning. Transport/TCP, transitional states."
      },
      "red": {
        "$value": "#FF5C6C",
        "$description": "Danger. Error, FIN close, saturation, 503/429."
      },
      "ink": {
        "$value": "#E8EEF7",
        "$description": "Primary text on dark."
      },
      "mute": {
        "$value": "#6B7A90",
        "$description": "Secondary text, borders, mono metadata."
      }
    },
    "theme": {
      "dark": {
        "bg": {
          "$value": "#0A0E16"
        },
        "surface": {
          "$value": "#101725"
        },
        "surface-sunken": {
          "$value": "#0E1420"
        },
        "border": {
          "$value": "#6B7A9033"
        },
        "border-strong": {
          "$value": "#6B7A9066"
        },
        "text": {
          "$value": "{color.brand.ink}"
        },
        "text-muted": {
          "$value": "{color.brand.mute}"
        },
        "primary": {
          "$value": "{color.brand.teal}"
        },
        "on-primary": {
          "$value": "#06090F"
        },
        "warning": {
          "$value": "{color.brand.amber}"
        },
        "danger": {
          "$value": "{color.brand.red}"
        },
        "success": {
          "$value": "{color.brand.teal}"
        }
      },
      "light": {
        "bg": {
          "$value": "#F4F6FB"
        },
        "surface": {
          "$value": "#FFFFFF"
        },
        "surface-sunken": {
          "$value": "#EEF1F7"
        },
        "border": {
          "$value": "#0A0E1614"
        },
        "border-strong": {
          "$value": "#0A0E1626"
        },
        "text": {
          "$value": "#141B27"
        },
        "text-muted": {
          "$value": "#5A6678"
        },
        "primary": {
          "$value": "#12A76A"
        },
        "on-primary": {
          "$value": "#FFFFFF"
        },
        "warning": {
          "$value": "#B87A0C"
        },
        "danger": {
          "$value": "#D93B4E"
        },
        "success": {
          "$value": "#12A76A"
        }
      }
    }
  },
  "font": {
    "$type": "fontFamily",
    "display": {
      "$value": [
        "JetBrains Mono Variable",
        "ui-monospace",
        "SF Mono",
        "monospace"
      ],
      "$description": "Titulares. Monospace pesado, tracking negativo."
    },
    "sans": {
      "$value": [
        "Hanken Grotesk Variable",
        "-apple-system",
        "system-ui",
        "sans-serif"
      ],
      "$description": "UI y texto de interfaz."
    },
    "serif": {
      "$value": [
        "Newsreader Variable",
        "Georgia",
        "serif"
      ],
      "$description": "Cuerpo editorial (artículos, leads)."
    },
    "mono": {
      "$value": [
        "JetBrains Mono Variable",
        "SF Mono",
        "Menlo",
        "monospace"
      ],
      "$description": "Datos, etiquetas, código."
    }
  },
  "fontWeight": {
    "$type": "fontWeight",
    "body": {
      "$value": 400
    },
    "medium": {
      "$value": 600
    },
    "bold": {
      "$value": 800
    },
    "black": {
      "$value": 900
    }
  },
  "fontSize": {
    "$type": "dimension",
    "display": {
      "$value": "56px"
    },
    "title": {
      "$value": "38px"
    },
    "heading": {
      "$value": "26px"
    },
    "body": {
      "$value": "17px"
    },
    "label": {
      "$value": "13px"
    },
    "data": {
      "$value": "15px"
    }
  },
  "radius": {
    "$type": "dimension",
    "xs": {
      "$value": "6px"
    },
    "sm": {
      "$value": "9px"
    },
    "md": {
      "$value": "14px"
    },
    "lg": {
      "$value": "20px"
    },
    "pill": {
      "$value": "999px"
    }
  },
  "shadow": {
    "$type": "shadow",
    "e1": {
      "$value": "0 1px 2px rgba(0,0,0,0.4)"
    },
    "e2": {
      "$value": "0 6px 20px rgba(0,0,0,0.35)"
    },
    "glow": {
      "$value": "0 0 24px rgba(62,207,142,0.45)"
    }
  },
  "duration": {
    "$type": "duration",
    "instant": {
      "$value": "80ms"
    },
    "quick": {
      "$value": "150ms"
    },
    "base": {
      "$value": "250ms"
    },
    "slow": {
      "$value": "400ms"
    },
    "drama": {
      "$value": "700ms"
    }
  },
  "easing": {
    "$type": "cubicBezier",
    "standard": {
      "$value": [
        0.4,
        0,
        0.2,
        1
      ]
    },
    "spatial": {
      "$value": [
        0.2,
        0,
        0,
        1
      ]
    },
    "spring": {
      "$value": [
        0.34,
        1.56,
        0.64,
        1
      ]
    }
  }
}