/**
 * Colors Configuration - Immobilclass
 * Centralizza tutti i colori del sito per una facile personalizzazione
 * Modifica questo file per cambiare la palette colori dell'intero sito
 * Version: 2 - Palette Tortora
 */

:root {
    /* Colori Primari - Palette tortora elegante */
    --primary: #9D9080;           /* Tortora principale - header, footer, pulsanti */
    --primary-dark: #6B5D52;      /* Tortora scuro - testi scuri, overlay */
    --primary-light: #B8AFA3;     /* Tortora chiaro - hover, accenti */

    /* Colori Secondari - Accenti beige/sabbia */
    --secondary: #B8AFA3;         /* Secondario principale */
    --accent: #D4C8BA;            /* Sabbia/beige - accenti, hover */
    --accent-light: #E8E3DC;      /* Beige chiarissimo - sfondi delicati */

    /* Colori Neutri */
    --white: #ffffff;             /* Bianco puro */
    --light-grey: #f5f3f0;        /* Grigio molto chiaro - sfondi */
    --grey: #7a7269;              /* Grigio medio - testi secondari */
    --dark: #6B5D52;              /* Scuro principale - equivalente a primary-dark */
    --black: #000000;             /* Nero puro */

    /* Colori per Property Cards */
    --card-bg: #ffffff;           /* Sfondo card */
    --card-border: rgba(0, 0, 0, 0.05);  /* Bordo card */

    /* Colori per Tags */
    --tag-vendita-bg: #B8AFA3;    /* Tag vendita - tortora chiaro */
    --tag-vendita-text: #3d352e;  /* Testo tag vendita */
    --tag-affitto-bg: #9D9080;    /* Tag affitto - tortora */
    --tag-affitto-text: #ffffff;  /* Testo tag affitto */

    /* Colori per Stati */
    --success: #10b981;           /* Verde - successo */
    --error: #ef4444;             /* Rosso - errore */
    --warning: #f59e0b;           /* Arancione - warning */
    --info: #3b82f6;              /* Blu - info */

    /* Opacità e Overlay */
    --overlay-dark: rgba(107, 93, 82, 0.98);         /* Overlay scuro menu mobile */
    --overlay-light: rgba(255, 255, 255, 0.3);       /* Overlay chiaro */
    --overlay-gradient: rgba(0, 0, 0, 0.4);          /* Overlay sfumato */

    /* Ombre (Shadows) */
    --shadow-sm: 0 4px 30px rgba(157, 144, 128, 0.2);   /* Ombra piccola */
    --shadow: 0 10px 40px rgba(157, 144, 128, 0.15);    /* Ombra media */
    --shadow-lg: 0 20px 60px rgba(184, 175, 163, 0.25); /* Ombra grande */
    --shadow-hover: 0 20px 60px rgba(184, 175, 163, 0.25); /* Ombra su hover */
    --shadow-card: 0 10px 40px rgba(0, 0, 0, 0.05);     /* Ombra card */
    --shadow-accent: 0 15px 50px rgba(212, 200, 186, 0.4); /* Ombra con accento */

    /* Gradienti Comuni */
    --gradient-primary: linear-gradient(135deg, #6B5D52 0%, #9D9080 50%, #B8AFA3 100%);
    --gradient-accent: linear-gradient(135deg, #ffffff, #D4C8BA);
    --gradient-light: linear-gradient(135deg, #D4C8BA, #E8E3DC);
    --gradient-overlay: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent);

    /* Fallback per Property Images (quando mancano foto) */
    --fallback-gradient: linear-gradient(135deg, #9D9080 0%, #B8AFA3 100%);

    /* Colori Testo */
    --text-primary: #6B5D52;      /* Testo principale */
    --text-secondary: #7a7269;    /* Testo secondario */
    --text-light: #E8E3DC;        /* Testo chiaro */
    --text-white: #ffffff;        /* Testo bianco */
    --text-muted: rgba(255, 255, 255, 0.85); /* Testo attenuato */

    /* Colori Link */
    --link-color: #B8AFA3;        /* Colore link normale */
    --link-hover: #9D9080;        /* Colore link hover */

    /* Colori Form Input */
    --input-bg: #ffffff;          /* Sfondo input */
    --input-border: #e5e7eb;      /* Bordo input */
    --input-focus: #B8AFA3;       /* Bordo input focus */
    --input-text: #6B5D52;        /* Testo input */
    --input-placeholder: #9ca3af; /* Placeholder input */

    /* Colori Pulsanti */
    --btn-primary-bg: #9D9080;    /* Sfondo pulsante primario */
    --btn-primary-text: #ffffff;  /* Testo pulsante primario */
    --btn-primary-hover: #B8AFA3; /* Hover pulsante primario */

    --btn-secondary-bg: #D4C8BA;  /* Sfondo pulsante secondario */
    --btn-secondary-text: #6B5D52;/* Testo pulsante secondario */
    --btn-secondary-hover: #E8E3DC; /* Hover pulsante secondario */

    /* Colori Header/Navigation */
    --nav-bg: var(--white);       /* Sfondo navigazione */
    --nav-text: var(--primary);   /* Testo navigazione */
    --nav-hover: var(--accent);   /* Hover navigazione */
    --nav-active: var(--primary); /* Link attivo navigazione */

    /* Colori Footer */
    --footer-bg: #6B5D52;         /* Sfondo footer */
    --footer-text: #E8E3DC;       /* Testo footer */
    --footer-link: #D4C8BA;       /* Link footer */
    --footer-link-hover: #E8E3DC; /* Hover link footer */
}

/*
 * NOTA: Per cambiare la palette colori del sito:
 * 1. Modifica i valori esadecimali sopra
 * 2. Salva il file
 * 3. Ricarica la pagina (non serve modificare altri file CSS)
 *
 * PALETTE TORTORA APPLICATA:
 * Palette elegante con toni neutri grigio-beige (tortora)
 * --primary: #9D9080 (tortora medio)
 * --primary-dark: #6B5D52 (tortora scuro)
 * --accent: #D4C8BA (sabbia/beige chiaro)
 *
 * ALTRI ESEMPI DI PALETTE:
 *
 * Palette Blu Moderno:
 * --primary: #1e3a8a;
 * --primary-dark: #1e293b;
 * --accent: #60a5fa;
 *
 * Palette Verde Naturale:
 * --primary: #047857;
 * --primary-dark: #064e3b;
 * --accent: #34d399;
 *
 * Palette Grigio Elegante:
 * --primary: #374151;
 * --primary-dark: #1f2937;
 * --accent: #9ca3af;
 */