{
  "$schema": "https://effectumlegal.com/brand/tokens/spacing",
  "description": "Effectum Law Firm — Spacing, Layout & Component Tokens",
  "version": "1.0.0",

  "spacing-scale": {
    "xs":  "4px",
    "sm":  "8px",
    "md":  "16px",
    "lg":  "24px",
    "xl":  "36px",
    "2xl": "48px",
    "3xl": "64px",
    "4xl": "96px",
    "5xl": "128px"
  },

  "layout": {
    "max-content-width": "800px",
    "max-content-width-wide": "1200px",
    "slide-padding-x": "clamp(32px, 5vw, 80px)",
    "slide-padding-y": "clamp(40px, 6vh, 80px)",
    "safe-logo-zone": "80px (bottom) — nunca poner texto sobre el logo)",
    "border-accent-width": "3px",
    "divider-width": "60px (línea roja horizontal bajo eyebrow)"
  },

  "border-radius": {
    "none": "0px",
    "note": "La marca Effectum NO usa border-radius. Los bordes son rectos y precisos. Excepción: elementos de UI funcional pequeños (máx 2px)."
  },

  "shadows": {
    "none": "La marca evita box-shadows decorativas.",
    "photo-vignette": "Vignette CSS en imágenes de fondo vía radial-gradient overlay.",
    "text-shadow": "0 2px 12px rgba(0,0,0,0.8) — sólo en texto sobre fotografía con bajo contraste"
  },

  "animation": {
    "entrance-duration": "0.7s",
    "entrance-easing": "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
    "bg-zoom-duration": "6s",
    "bg-zoom-scale": "1.08 → 1.0 (Ken Burns effect)",
    "stagger-eyebrow": "0.15s delay",
    "stagger-line": "0.30s delay",
    "stagger-title": "0.35s delay",
    "stagger-desc": "0.55s delay",
    "stagger-cta": "0.75s delay",
    "transition-between-slides": "0.05s (corte rápido, no dissolve)"
  },

  "components": {
    "accent-line": {
      "description": "Línea roja horizontal de separación",
      "width": "60px",
      "height": "2px",
      "color": "#9b1c1c",
      "margin": "0 auto 24px",
      "animation": "width 0 → 60px en 0.7s con 0.3s delay"
    },
    "border-left": {
      "description": "Borde vertical rojo en extremo izquierdo del slide",
      "width": "3px",
      "height": "100%",
      "color": "#9b1c1c",
      "animation": "scaleY 0 → 1 en 0.8s desde abajo"
    },
    "btn-outline": {
      "description": "Botón CTA estilo outline",
      "padding": "14px 36px",
      "border": "1.5px solid #9b1c1c",
      "background": "rgba(155,28,28,0.15)",
      "background-hover": "rgba(155,28,28,0.50)",
      "color": "#f5f3f0",
      "font": "Montserrat 600 11px 0.25em uppercase"
    },
    "logo-lockup": {
      "description": "Combinación logo + texto de apoyo",
      "logo-height": "40-52px",
      "filter": "brightness(0) invert(1) — siempre blanco sobre oscuro",
      "gap-to-text": "14px",
      "text-strong": "EffectuM — Montserrat 700 13px 0.15em",
      "text-sub": "Law Firm since 2012 — Montserrat 300 9px 0.25em uppercase"
    }
  }
}