/**
 * Silvestri Pallets - Brand Colors
 * Colori ufficiali del brand da utilizzare in tutte le landing page e materiali marketing
 */

:root {
    /* Colori Primari */
    --sp-green-primary: #16a34a;      /* Verde sostenibilità - Primario */
    --sp-green-dark: #15803d;          /* Verde scuro - Hover */
    --sp-green-light: #22c55e;         /* Verde chiaro - Accenti */
    
    --sp-orange-primary: #ea580c;      /* Arancione energia - Secondario */
    --sp-orange-dark: #c2410c;         /* Arancione scuro - Hover */
    --sp-orange-light: #f97316;        /* Arancione chiaro - Accenti */
    
    --sp-brown-primary: #92400e;       /* Marrone legno - Terziario */
    --sp-brown-dark: #78350f;          /* Marrone scuro */
    --sp-brown-light: #b45309;         /* Marrone chiaro */
    
    /* Grigi Neutri */
    --sp-gray-900: #1f2937;            /* Testi scuri */
    --sp-gray-700: #374151;            /* Testi secondari */
    --sp-gray-500: #6b7280;            /* Testi placeholder */
    --sp-gray-300: #d1d5db;            /* Bordi */
    --sp-gray-100: #f3f4f6;            /* Sfondi chiari */
    --sp-gray-50: #f9fafb;             /* Sfondi ultra chiari */
    
    /* Gradienti Brand */
    --sp-gradient-main: linear-gradient(135deg, #16a34a 0%, #92400e 100%);
    --sp-gradient-button: linear-gradient(to right, #16a34a, #ea580c);
    --sp-gradient-button-hover: linear-gradient(to right, #15803d, #c2410c);
    --sp-gradient-text: linear-gradient(to right, #22c55e, #f97316);
    
    /* Status Colors */
    --sp-success: #22c55e;
    --sp-warning: #f59e0b;
    --sp-error: #ef4444;
    --sp-info: #3b82f6;
}

/* Classi Utilità Tailwind Equivalenti */
.sp-gradient-bg {
    background: linear-gradient(135deg, #16a34a 0%, #92400e 100%);
}

.sp-gradient-button {
    background: linear-gradient(to right, #16a34a, #ea580c);
}

.sp-gradient-button:hover {
    background: linear-gradient(to right, #15803d, #c2410c);
}

.sp-gradient-text {
    background: linear-gradient(to right, #22c55e, #f97316);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Palette Tailwind CSS per reference */
/*
green-600:  #16a34a  → Primario
green-700:  #15803d  → Hover
green-500:  #22c55e  → Accenti

orange-600: #ea580c  → Primario
orange-700: #c2410c  → Hover
orange-500: #f97316  → Accenti

amber-800:  #92400e  → Marrone
amber-900:  #78350f  → Marrone scuro
amber-700:  #b45309  → Marrone chiaro
*/

/* Utilizzo consigliato:
 * 
 * Backgrounds principali: sp-gradient-bg o sp-green-primary
 * Buttons CTA: sp-gradient-button
 * Testi evidenziati: sp-gradient-text o sp-orange-primary
 * Links: sp-green-primary
 * Borders/Focus: sp-green-500
 * Checkboxes/Radio: sp-green-600
 * Success messages: sp-success
 * Icons: sp-green-500 o sp-orange-500
 */