:root {
  /* Color - marca */
  --color-primary: #2d9e4f;
  --color-primary-dim: #1f7a3b;
  --color-primary-container: #dcfce7;
  --color-on-primary: #ecfdf5;
  --color-on-primary-container: #14532d;
  --color-brand-accent: #22c55e;

  /* Color - acento calido (complementario) */
  --color-accent-warm: #f59e0b; /* amber-500 */
  --color-accent-warm-container: #fef3c7; /* amber-100, igual que badge "Local" */
  --color-on-accent-warm: #78350f; /* amber-900, AA ~10.7:1 sobre amber-100 */
  /* --color-accent-warm con texto blanco encima NO cumple AA (~2.4:1):
     usar siempre --color-on-accent-warm sobre --color-accent-warm-container,
     o reservar el ambar para iconos/bordes. */

  /* Superficies / neutros (MD3) */
  --color-surface: #fffdf7;
  --color-surface-container: #f6f1e8;
  --color-surface-container-low: #faf4ea;
  --color-surface-container-high: #f0ebe2;
  --color-surface-dim: #e7e1d6;
  --color-on-surface: #2c2f30;
  --color-on-surface-variant: #595c5d;
  --color-outline: #757778;
  --color-outline-variant: #c9c4ba;
  --color-background: #fffdf7;

  /* Estado */
  --color-error: #b02500;
  --color-error-container: #f95630;
  --color-on-error: #ffefec;

  /* Tipografia */
  --font-sans: 'Inter', sans-serif;
  --font-headline: 'Manrope', sans-serif;

  /* Radios */
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --radius-full: 9999px;

  /* Sombras */
  --shadow-card: 0 10px 30px -10px rgba(0, 0, 0, 0.04);
  --shadow-card-hover: 0 28px 56px -12px rgba(0, 0, 0, 0.28);
  --shadow-elevated: 0 24px 64px -12px rgba(0, 0, 0, 0.65);
}