/* FLORA - Main Stylesheet */
/* ================================ */
/* Brand Colors:
   - Rosa Flora: #9f5c63 (Principal)
   - Blanco: #fdfdfd (Letras)
   - Ivory: #FFFFF3 (Background)
   - Olivo: #86895d (Secundario)
   - Lila: #86859d (Secundario)
   - Negro: #000000
*/

:root {
    --flora-rose: #9f5c63;
    --flora-rose-dark: #8a4f55;
    --flora-rose-light: #b87a80;
    --flora-white: #fdfdfd;
    --flora-ivory: #FFFFF3;
    --flora-olive: #86895d;
    --flora-lilac: #86859d;
    --flora-black: #000000;
    --flora-text: #2d2d2d;
    --flora-muted: #6b6b6b;
}

/* Override DaisyUI light theme colors */
[data-theme="light"] {
    --p: 352 28% 49%;        /* Primary - Rosa Flora */
    --pf: 352 28% 42%;       /* Primary focus */
    --pc: 0 0% 99%;          /* Primary content - White */
    --s: 62 19% 45%;         /* Secondary - Olive */
    --sf: 62 19% 38%;        /* Secondary focus */
    --sc: 0 0% 99%;          /* Secondary content */
    --a: 239 10% 57%;        /* Accent - Lilac */
    --af: 239 10% 47%;       /* Accent focus */
    --ac: 0 0% 99%;          /* Accent content */
    --n: 0 0% 0%;            /* Neutral - Black */
    --nf: 0 0% 10%;          /* Neutral focus */
    --nc: 60 100% 97%;       /* Neutral content - Ivory */
    --b1: 60 100% 97%;       /* Base 100 - Ivory background */
    --b2: 60 50% 95%;        /* Base 200 */
    --b3: 60 30% 92%;        /* Base 300 */
    --bc: 0 0% 18%;          /* Base content - Dark text */
}

/* Global Font Settings */
html, body { 
    font-family: "Questrial", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: var(--flora-ivory);
    color: var(--flora-text);
}

/* Headings use Antic Didone */
h1, h2, h3, h4, h5, h6,
.font-heading { 
    font-family: "Antic Didone", ui-serif, Georgia, "Times New Roman", serif;
    color: var(--flora-text);
}

/* Typography Utilities */
.playfair-tight { 
    letter-spacing: -0.01em; 
}

/* Custom Button Styles - Rosa Flora */
.btn-flora {
    background-color: var(--flora-rose) !important;
    border-color: var(--flora-rose) !important;
    color: var(--flora-white) !important;
}

.btn-flora:hover {
    background-color: var(--flora-rose-dark) !important;
    border-color: var(--flora-rose-dark) !important;
}

/* Olive Button variant */
.btn-olive {
    background-color: var(--flora-olive) !important;
    border-color: var(--flora-olive) !important;
    color: var(--flora-white) !important;
}

.btn-olive:hover {
    background-color: #747763 !important;
    border-color: #747763 !important;
}

/* Ghost button */
.btn-flora-ghost {
    color: var(--flora-text) !important;
    background: transparent !important;
    border: none !important;
}

.btn-flora-ghost:hover {
    color: var(--flora-rose) !important;
    background: transparent !important;
}

/* Badge styling */
.badge-flora {
    background-color: transparent;
    border-color: var(--flora-lilac);
    color: var(--flora-lilac);
}

.badge-olive {
    background-color: transparent;
    border-color: var(--flora-olive);
    color: var(--flora-olive);
}

/* Navbar styling */
.navbar-flora {
    background-color: var(--flora-white);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

/* Card styling */
.card-flora {
    background: var(--flora-white);
    border-radius: 1rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

/* Section backgrounds */
.bg-flora-ivory {
    background-color: var(--flora-ivory);
}

.bg-flora-white {
    background-color: var(--flora-white);
}

.bg-flora-rose {
    background-color: var(--flora-rose);
}

.bg-flora-olive {
    background-color: var(--flora-olive);
}

.bg-flora-lilac {
    background-color: var(--flora-lilac);
}

.bg-flora-black {
    background-color: var(--flora-black);
    color: var(--flora-white);
}

/* Text colors */
.text-flora-rose {
    color: var(--flora-rose);
}

.text-flora-olive {
    color: var(--flora-olive);
}

.text-flora-lilac {
    color: var(--flora-lilac);
}

.text-flora-text {
    color: var(--flora-text);
}

.text-flora-muted {
    color: var(--flora-muted);
}

.text-flora-white {
    color: var(--flora-white);
}

/* Border colors */
.border-flora-rose {
    border-color: var(--flora-rose);
}

.border-flora-olive {
    border-color: var(--flora-olive);
}

.border-flora-lilac {
    border-color: var(--flora-lilac);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--flora-ivory);
}

::-webkit-scrollbar-thumb {
    background: var(--flora-lilac);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--flora-rose);
}

/* Smooth transitions */
a, button, .btn {
    transition: all 0.2s ease-in-out;
}

/* Image hover effects */
.image-hover {
    transition: transform 0.3s ease;
}

.image-hover:hover {
    transform: scale(1.02);
}

/* Hero badge styling */
.hero-badge {
    background: rgba(255, 255, 243, 0.6);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(134, 137, 93, 0.3);
    color: var(--flora-olive);
}