/* Tokens de diseño — Katrina's Imports (ver docs/diseño-stylo.md) */
:root {
  /* Colores de marca */
  --color-primary: #FF5EA7;
  --color-primary-dark: #E5498F;
  --color-primary-soft: #FFE4EF;
  --color-secondary: #C9B6E4;
  --color-secondary-soft: #F1EAFA;
  --color-neutral: #222222;

  /* Fondos y superficies */
  --color-bg: #F7F4F5;
  --color-surface: #FFFFFF;
  --color-surface-2: #F2EFF1;
  --color-border: #E7DCE3;

  /* Texto */
  --color-text: #2B2226;
  --color-text-muted: #8A7A82;
  --color-text-on-primary: #FFFFFF;

  /* Estados */
  --color-success: #7CCB7A;
  --color-danger: #E04B4B;
  --color-warning: #F2B84B;

  /* Radios */
  --radius-xl: 24px;
  --radius-lg: 18px;
  --radius-md: 14px;
  --radius-pill: 999px;

  /* Sombras */
  --shadow-soft: 0 10px 30px rgba(34, 34, 34, 0.06);
  --shadow-hover: 0 14px 40px rgba(34, 34, 34, 0.10);

  /* Tipografía */
  --font-main: 'Plus Jakarta Sans', sans-serif;

  /* Layout */
  --container-max: 1280px;
  --navbar-height: 76px;
  --navbar-secondary-height: 48px;

  /* Transiciones */
  --transition: 0.25s ease;
}