/* Variables de color */
:root {
  --color-primary: #FD475D;
  --color-primary-dark: #E63E52;
  --color-secondary: #FEB396;
  --color-tertiary: #FECDBF;
  --color-accent: #F9CC89;
  --color-background: #F0F7FF;
}

/* Clases de utilidad */
.bg-primary { background-color: var(--color-primary) !important; }
.bg-primary-dark { background-color: var(--color-primary-dark) !important; }
.bg-secondary { background-color: var(--color-secondary) !important; }
.bg-tertiary { background-color: var(--color-tertiary) !important; }
.bg-accent { background-color: var(--color-accent) !important; }
.bg-background { background-color: var(--color-background) !important; }

.text-primary { color: var(--color-primary) !important; }
.text-primary-dark { color: var(--color-primary-dark) !important; }
.text-secondary { color: var(--color-secondary) !important; }
.text-tertiary { color: var(--color-tertiary) !important; }
.text-accent { color: var(--color-accent) !important; }

.hover\:bg-primary:hover { background-color: var(--color-primary) !important; }
.hover\:bg-primary-dark:hover { background-color: var(--color-primary-dark) !important; }
.hover\:bg-secondary:hover { background-color: var(--color-secondary) !important; }
.hover\:bg-tertiary:hover { background-color: var(--color-tertiary) !important; }
.hover\:bg-accent:hover { background-color: var(--color-accent) !important; }

.hover\:text-primary:hover { color: var(--color-primary) !important; }
.hover\:text-primary-dark:hover { color: var(--color-primary-dark) !important; }
.hover\:text-secondary:hover { color: var(--color-secondary) !important; }
.hover\:text-tertiary:hover { color: var(--color-tertiary) !important; }
.hover\:text-accent:hover { color: var(--color-accent) !important; }

/* Bordes */
.border-primary { border-color: var(--color-primary) !important; }
.border-secondary { border-color: var(--color-secondary) !important; }
.border-tertiary { border-color: var(--color-tertiary) !important; }
.border-accent { border-color: var(--color-accent) !important; }

/* Anillos de focus */
.focus\:ring-primary:focus { --tw-ring-color: var(--color-primary) !important; }
.focus\:ring-secondary:focus { --tw-ring-color: var(--color-secondary) !important; }
.focus\:ring-tertiary:focus { --tw-ring-color: var(--color-tertiary) !important; }
.focus\:ring-accent:focus { --tw-ring-color: var(--color-accent) !important; }

/* Bordes en focus */
.focus\:border-primary:focus { border-color: var(--color-primary) !important; }
.focus\:border-secondary:focus { border-color: var(--color-secondary) !important; }
.focus\:border-tertiary:focus { border-color: var(--color-tertiary) !important; }
.focus\:border-accent:focus { border-color: var(--color-accent) !important; }