/*
 * Tokens visuales de nx-app-events 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 {
  --ink: #2A1345;
  --ink-2: #3A1C5E;
  --ink-soft: rgba(233, 233, 234, 0.72);
  --brand: #04A58E;
  --brand-dark: #038675;
  --orange: #F08536;
  --pink: #D82F8A;
  --purple: #644897;
  --muted: #E9E9EA;
  --white: #FFFFFF;

  --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(42, 19, 69, 0.10);
  --shadow-card-hover: 0 22px 40px rgba(42, 19, 69, 0.18);
  --shadow-cta: 0 8px 20px rgba(4, 165, 142, 0.28);

  --maxw: 1220px;
}