/* assets/css/variables.css */
:root {
    /* ── Brand Palette (extracted from PestFlow logo) ── */
    --green-50:  #F0FAF0;
    --green-100: #D6F0D6;
    --green-200: #B0DFB0;
    --green-300: #8DC65E; /* lima */
    --green-400: #5CB85C;
    --green-500: #3DAA47; /* medio */
    --green-600: #2E8A3A;
    --green-700: #1E6B2E;
    --green-800: #006E3A; /* oscuro */
    --green-900: #004D28;

    /* ── Primary (acción principal) ── */
    --primary:       #3DAA47;
    --primary-dark:  #006E3A;
    --primary-light: #8DC65E;
    --primary-bg:    #EBF8EC;

    /* ── Surfaces ── */
    --background:         #F0F4F8;   /* gris hielo muy suave */
    --surface:            #FFFFFF;
    --surface-secondary:  #F7F9FB;
    --surface-hover:      #EEF2F6;

    /* ── Text ── */
    --text-primary:   #0D1F2D;   /* casi negro del sidebar */
    --text-secondary: #435060;
    --text-muted:     #8A9AAB;
    --text-invert:    #FFFFFF;

    /* ── Borders ── */
    --border:       #DDE3EA;
    --border-hover: #C1CBD5;

    /* ── Status ── */
    --success:      #3DAA47;
    --success-bg:   #EBF8EC;
    --success-text: #1E6B2E;

    --warning:      #F59E0B;
    --warning-bg:   #FFFBEB;
    --warning-text: #92400E;

    --danger:       #EF4444;
    --danger-bg:    #FEF2F2;
    --danger-text:  #991B1B;

    --info:         #3B82F6;
    --info-bg:      #EFF6FF;
    --info-text:    #1E40AF;

    --neutral:      #6B7280;
    --neutral-bg:   #F3F4F6;

    /* ── Sidebar ── */
    --sidebar-bg:          #0D1F2D;
    --sidebar-border:      #1A3044;
    --sidebar-text:        #94A9BC;
    --sidebar-text-hover:  #CDD8E3;
    --sidebar-hover:       #162637;
    --sidebar-active:      #1E3A52;
    --sidebar-active-text: #FFFFFF;
    --sidebar-accent:      #3DAA47;

    /* ── Spacing ── */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;

    /* ── Radii ── */
    --radius-xs:   4px;
    --radius-sm:   6px;
    --radius-md:   10px;
    --radius-lg:   14px;
    --radius-xl:   20px;
    --radius-full: 9999px;

    /* ── Shadows ── */
    --shadow-xs: 0 1px 2px rgba(13, 31, 45, 0.04);
    --shadow-sm: 0 1px 4px rgba(13, 31, 45, 0.06);
    --shadow-md: 0 4px 12px rgba(13, 31, 45, 0.08);
    --shadow-lg: 0 8px 24px rgba(13, 31, 45, 0.10);
    --shadow-xl: 0 16px 40px rgba(13, 31, 45, 0.12);

    /* ── Sidebar width ── */
    --sidebar-width:          256px;
    --sidebar-collapsed-width: 68px;

    /* ── Topbar ── */
    --topbar-height: 60px;

    /* ── Font ── */
    --font-family: 'Inter', system-ui, -apple-system, sans-serif;

    /* ── Transition ── */
    --transition: 0.2s ease;
}