/* =====================================================================
   tokens.css — Variables de diseño de Publicars.
   Generado desde work/design-tokens.json. ÚNICO sitio con valores a pelo.
   ===================================================================== */
:root {
  /* Colores */
  --color-bg: #F3F3F1;
  --color-bg-alt: #FFFFFF;
  --color-surface: #FFFFFF;
  --color-text: #0E0E10;
  --color-text-muted: #5F5F66;
  --color-text-ghost: #8A8A91;
  --color-primary: #1F5EFF;
  --color-primary-hover: #1449D6;
  --color-primary-deep: #0A2A8F;
  --color-on-primary: #FFFFFF;
  --color-accent: #D4FF3F;
  --color-on-accent: #0E0E10;
  --color-border: #E2E2DE;
  --color-ink: #0E0E10;
  --color-on-ink: #F3F3F1;
  --color-error: #D92D3A;

  /* Tipografía */
  --font-heading: "Inter Tight";
  --font-body: "Inter";
  --heading-transform: none;
  --heading-tracking: -0.045em;
  --fs-display: clamp(3.4rem, 13vw, 12.5rem);
  --fs-h1: clamp(3.4rem, 13vw, 12.5rem);
  --fs-h2: clamp(2.4rem, 6.5vw, 5.75rem);
  --fs-h3: 1.5rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.8125rem;
  --lh-heading: 0.92;
  --lh-body: 1.55;

  /* Espaciado */
  --space-section: clamp(3.5rem, 7vw, 6.5rem);
  --container-max: 1320px;
  --gutter: 1.25rem;
  --radius: 18px;
  --radius-lg: 32px;
  --btn-radius: 999px;

  /* Efectos */
  --shadow: 0 30px 80px rgba(14, 14, 16, .18);
  --shadow-soft: 0 12px 40px rgba(14, 14, 16, .08);
  --gradient: linear-gradient(135deg, #0A2A8F 0%, #1F5EFF 55%, #5C8BFF 100%);
  --glass-bg: rgba(255, 255, 255, .14);
  --glass-border: rgba(255, 255, 255, .28);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}