/*
 * Tokens visuales de Pulso como variables CSS puras.
 * Fuente de verdad canónica: packages/design-tokens/*.ts y tokens.json.
 *
 * events-public (Next.js/Tailwind) importa los tokens vía packages/design-tokens.
 * events-admin (sin npm/bundler) sirve una copia sincronizada de este archivo
 * como asset estático en apps/events-admin/app/static/css/tokens.css.
 * Cualquier cambio de paleta/tipografía se hace aquí primero y luego se
 * sincroniza manualmente a esa copia (ver README de este paquete).
 */
:root {
  --brand-ink: #0D1333;
  --brand-purple: #6B2CFF;
  --brand-violet: #4D3BFF;
  --brand-blue: #1A6CFF;
  --brand-white: #FFFFFF;
  --surface-base: #F6F7FB;
  --surface-card: #FFFFFF;
  --border-soft: #E6E9F2;
  --text-soft: #7C8199;
  --text-muted: #A1A6BC;
  --brand-gradient: linear-gradient(120deg, var(--brand-purple) 0%, var(--brand-violet) 50%, var(--brand-blue) 100%);

  --ink: #0D1333;
  --ink-2: #161B3F;
  --ink-soft: rgba(246, 247, 251, 0.72);
  --ink-rgb: 13, 19, 51;
  --brand: #6B2CFF;
  --brand-dark: #4D3BFF;
  --brand-rgb: 107, 44, 255;
  --brand-violet-rgb: 77, 59, 255;
  --brand-blue-rgb: 26, 108, 255;
  --orange: #F08536;
  --pink: #D82F8A;
  --purple: #4D3BFF;
  --muted: #F6F7FB;
  --white: #FFFFFF;
  --success: #059669;
  --success-rgb: 5, 150, 105;

  --font-ui: 'Montserrat', sans-serif;
  --font-display: 'Bebas Neue', sans-serif;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;

  --shadow-card: 0 8px 20px rgba(13, 19, 51, 0.10);
  --shadow-card-hover: 0 22px 40px rgba(13, 19, 51, 0.18);
  --shadow-cta: 0 8px 20px rgba(107, 44, 255, 0.28);

  --maxw: 1220px;
}