/* assets/css/tokens.css
   Design tokens del panel — Hermandad Nazareno Marbella.
   Solo :root, sin selectores. Cargar antes de base.css y components.css.
*/

:root {
  /* Morados (base) */
  --purple-900: #2a1e3d;
  --purple-800: #382850;
  --purple-700: #4C3763;
  --purple-600: #6b5687;
  --purple-300: #d5c7dc;
  --purple-100: #f3edf8;

  /* Dorados (acento) */
  --gold-700: #8b6a1a;
  --gold-600: #b8923a;
  --gold-500: #c9a75a;
  --gold-200: #f5e9c8;
  --gold-100: #fdf6e3;

  /* Crema (fondo) */
  --cream-50:  #faf6ef;
  --cream-100: #f7f1e8;
  --cream-200: #ece4d2;
  --cream-300: #d8cdba;

  /* Tinta (texto) */
  --ink-900: #2a2236;
  --ink-700: #6b5f7a;
  --ink-500: #8b7aa8;
  --ink-300: #c5b8d4;

  /* Semántico */
  --ok-700: #1f6a44;
  --ok-100: #e6f4ec;
  --warn-700: #a35a1a;
  --warn-100: #fdf1d8;
  --err-700: #8b2a2a;
  --err-100: #fbe6e6;

  /* Superficies */
  --surface-card: #ffffff;
  --surface-page: #faf6ef;

  /* Radios */
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 14px;
  --r-2xl: 16px;

  /* Sombras */
  --shadow-sm: 0 1px 2px rgba(76, 55, 99, 0.06);
  --shadow-md: 0 6px 24px rgba(76, 55, 99, 0.08);
  --shadow-lg: 0 12px 40px rgba(76, 55, 99, 0.10);

  /* Tipografía */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-serif: Georgia, 'Times New Roman', serif;

  /* Override Bootstrap variables */
  --bs-primary: var(--purple-700);
  --bs-primary-rgb: 76, 55, 99;
  --bs-body-bg: var(--surface-page);
  --bs-body-color: var(--ink-900);
  --bs-body-font-family: var(--font-sans);
  --bs-border-color: var(--cream-200);
  --bs-border-radius: var(--r-md);
  --bs-border-radius-lg: var(--r-lg);
  --bs-link-color: var(--purple-700);
  --bs-link-hover-color: var(--purple-600);
}