{
  "$schema": "https://effectumlegal.com/brand/tokens/typography",
  "description": "Effectum Law Firm — Typography Design Tokens",
  "version": "1.0.0",

  "fonts": {
    "display": {
      "family": "Cormorant Garamond",
      "source": "Google Fonts",
      "import": "@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&display=swap')",
      "description": "Serif elegante. Para taglines filosóficas, frases de impacto, citas de marca.",
      "weights": [300, 400, 600],
      "primary-use": "italic light (300i)",
      "usage-notes": "Siempre en contextos de alto impacto emocional. Nunca en interfaces funcionales."
    },
    "sans": {
      "family": "Montserrat",
      "source": "Google Fonts",
      "import": "@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap')",
      "description": "Sans-serif geométrica. Para nombres de servicios, UI, labels, CTAs.",
      "weights": [300, 400, 500, 600, 700, 800],
      "primary-use": "700/800 uppercase para headings de servicio; 300/400 para body",
      "usage-notes": "En headings de servicios: MAYÚSCULAS + letter-spacing 0.08em–0.12em"
    },
    "fallback": "Georgia, 'Times New Roman', serif (para Cormorant) | Arial, Helvetica, sans-serif (para Montserrat)"
  },

  "scale": {
    "hero-display": {
      "font": "Cormorant Garamond",
      "style": "italic",
      "weight": 300,
      "size": "clamp(40px, 6vw, 88px)",
      "line-height": 1.15,
      "letter-spacing": "0",
      "usage": "Tagline principal de campaña. 'Legalmente, un resultado con estrategia.'"
    },
    "service-name": {
      "font": "Montserrat",
      "style": "normal",
      "weight": 800,
      "size": "clamp(36px, 6vw, 90px)",
      "line-height": 1.0,
      "letter-spacing": "0.08em",
      "text-transform": "uppercase",
      "usage": "Nombre del área de práctica. 'PENAL', 'CORPORATIVO', 'FAMILIA'"
    },
    "eyebrow": {
      "font": "Montserrat",
      "style": "normal",
      "weight": 600,
      "size": "clamp(10px, 1.2vw, 13px)",
      "line-height": 1.4,
      "letter-spacing": "0.30em",
      "text-transform": "uppercase",
      "color": "gold (#c9a96e)",
      "usage": "Labels sobre el título. 'Derecho Penal', 'Derecho Empresarial'"
    },
    "body-serif": {
      "font": "Cormorant Garamond",
      "style": "italic",
      "weight": 300,
      "size": "clamp(16px, 2.2vw, 28px)",
      "line-height": 1.55,
      "letter-spacing": "0",
      "usage": "Descripción de servicios en slides, frases secundarias de campaña"
    },
    "body-sans": {
      "font": "Montserrat",
      "style": "normal",
      "weight": 400,
      "size": "clamp(14px, 1.6vw, 18px)",
      "line-height": 1.6,
      "letter-spacing": "0.02em",
      "usage": "Texto funcional, listas, descripciones largas en web"
    },
    "phone-cta": {
      "font": "Montserrat",
      "style": "normal",
      "weight": 700,
      "size": "clamp(28px, 4.5vw, 60px)",
      "line-height": 1.1,
      "letter-spacing": "0.05em",
      "color": "red-bright (#c0392b)",
      "usage": "Número de teléfono en slides y piezas de campaña"
    },
    "label-caps": {
      "font": "Montserrat",
      "style": "normal",
      "weight": 400,
      "size": "clamp(9px, 1vw, 12px)",
      "line-height": 1.4,
      "letter-spacing": "0.25em",
      "text-transform": "uppercase",
      "color": "white-ghost",
      "usage": "Subtítulos de logo, 'Law Firm since 2012', metadatos"
    },
    "btn": {
      "font": "Montserrat",
      "style": "normal",
      "weight": 600,
      "size": "11px",
      "line-height": 1,
      "letter-spacing": "0.25em",
      "text-transform": "uppercase",
      "usage": "Texto de botones CTA"
    }
  },

  "rules": {
    "1": "NUNCA usar Inter, Roboto, o fuentes de sistema como principales.",
    "2": "Cormorant siempre en italic para máximo impacto emocional.",
    "3": "Montserrat en headings de servicio: MAYÚSCULAS + letter-spacing generoso.",
    "4": "Los pesos extremos (300 y 800) crean contraste. Evitar los medios (500, 600) en titulares.",
    "5": "Cormorant = filosofía, emoción, estrategia. Montserrat = acción, claridad, servicio.",
    "6": "text-wrap: pretty en todos los párrafos.",
    "7": "Mínimo 24px en presentaciones 1920×1080. Mínimo 16px en web."
  }
}