/* Animal Protection Plan – Custom Styles */
:root {
    --app-teal:       #1f0508;
    --app-teal-dark:  #66202a;
    --app-teal-light: #f0e8e9;
}

/* Utility overrides */
.btn-teal            { background: var(--app-teal); color: #fff; border: none; }
.btn-teal:hover      { background: var(--app-teal-dark); color: #fff; }
.btn-outline-teal    { border: 2px solid var(--app-teal); color: var(--app-teal); background: transparent; }
.btn-outline-teal:hover { background: var(--app-teal); color: #fff; }
.text-teal           { color: var(--app-teal) !important; }
.bg-teal-light       { background: var(--app-teal-light) !important; }
.badge-teal          { background: var(--app-teal); color: #fff; }
.border-teal         { border-color: var(--app-teal) !important; }

/* Form focus */
.form-control:focus, .form-select:focus {
    border-color: var(--app-teal);
    box-shadow: 0 0 0 .2rem rgba(31,5,8,.2);
}

/* Animal card hover */
.animal-card { transition: transform .15s ease, box-shadow .15s ease; }
.animal-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,.1); }

/* Behavior tags */
.behavior-tag        { font-size: .68rem; font-weight: 700; letter-spacing: .05em; padding: 3px 8px; border-radius: 4px; text-transform: uppercase; }
.tag-danger          { background: #fde8e8; color: #c0392b; }
.tag-warning         { background: #fef3cd; color: #856404; }
.tag-success         { background: #d4edda; color: #155724; }
.tag-secondary       { background: #e9ecef; color: #6c757d; }

/* Status badges */
.badge-active        { background: #d4edda; color: #155724; }
.badge-inactive      { background: #f8d7da; color: #721c24; }
.badge-past-due      { background: #fff3cd; color: #856404; }

/* Print utilities */
@media print {
    .no-print { display: none !important; }
}