/* ============================================================
   La Primera Pollo, Inc. — Eye-Friendly Theme
   ------------------------------------------------------------
   Palette rationale:
   - Primary: #8B3A3A  muted wine/brick red — carries the brand
     "red" identity from the logo crown but with ~40% less
     saturation to avoid retinal strain during long sessions.
   - Accent:  #F59E0B  warm amber/gold — matches the yellow
     background of the LPPJ logo.
   - Error:   #B45858  softer warning red.
   - Backgrounds washed to warm cream tones instead of saturated red.
   ============================================================ */

:root {
    --lp-primary:       #8B3A3A;
    --lp-primary-dark:  #6E2C2C;
    --lp-primary-soft:  #F5E6E6;
    --lp-accent:        #F59E0B;
    --lp-accent-dark:   #D97706;
    --lp-ink:           #1F1613;
    --lp-surface:       #FFFDF7;
}

body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

.lp-primary    { color: var(--lp-primary); }
.lp-bg-primary { background-color: var(--lp-primary); }

/* ------------------------------------------------------------
   Tailwind red utility overrides — soften harsh saturated reds
   to the muted wine palette. Uses !important to win over the
   runtime-injected Tailwind CDN rules.
   ------------------------------------------------------------ */

/* Solid backgrounds */
.bg-red-500 { background-color: #A55252 !important; }
.bg-red-600 { background-color: #8B3A3A !important; }
.bg-red-700 { background-color: #7A3030 !important; }
.bg-red-800 { background-color: #6E2C2C !important; }
.bg-red-900 { background-color: #5A2424 !important; }

/* Hover variants */
.hover\:bg-red-500:hover { background-color: #A55252 !important; }
.hover\:bg-red-600:hover { background-color: #8B3A3A !important; }
.hover\:bg-red-700:hover { background-color: #7A3030 !important; }
.hover\:bg-red-800:hover { background-color: #6E2C2C !important; }

/* Light tint backgrounds — used for alert bodies */
.bg-red-50  { background-color: #FDF5F5 !important; }
.bg-red-100 { background-color: #F9E8E8 !important; }
.bg-red-200 { background-color: #F0D4D4 !important; }

/* Text */
.text-red-500 { color: #A55252 !important; }
.text-red-600 { color: #8B3A3A !important; }
.text-red-700 { color: #7A3030 !important; }
.text-red-800 { color: #6E2C2C !important; }
.text-red-900 { color: #5A2424 !important; }

/* Borders */
.border-red-200 { border-color: #E8CFCF !important; }
.border-red-300 { border-color: #D4AFAF !important; }
.border-red-400 { border-color: #C08F8F !important; }
.border-red-500 { border-color: #A55252 !important; }
.border-red-600 { border-color: #8B3A3A !important; }

/* Gradient stops used on the old login screen */
.from-red-500 { --tw-gradient-from: #A55252 !important; }
.from-red-600 { --tw-gradient-from: #8B3A3A !important; }
.from-red-700 { --tw-gradient-from: #7A3030 !important; }
.to-red-600   { --tw-gradient-to: #8B3A3A !important; }
.to-red-700   { --tw-gradient-to: #7A3030 !important; }
.to-red-800   { --tw-gradient-to: #6E2C2C !important; }

/* ------------------------------------------------------------
   Navbar: use the muted wine primary
   ------------------------------------------------------------ */
.lp-navbar {
    background: var(--lp-primary) !important;
    color: #fff;
}
.lp-accent { color: var(--lp-accent); }
.lp-btn-primary {
    background: var(--lp-primary);
    color: #fff;
}
.lp-btn-primary:hover {
    background: var(--lp-primary-dark);
}

/* ------------------------------------------------------------
   Login screen: soft cream wash instead of aggressive red
   ------------------------------------------------------------ */
.lp-login-bg {
    background: linear-gradient(135deg, #FEF3C7 0%, #FFFFFF 45%, #FCE7D4 100%);
}

/* Ease focus rings on the eye too */
input:focus, select:focus, textarea:focus {
    outline: 2px solid rgba(139, 58, 58, 0.35);
    outline-offset: 1px;
}