/**
 * NETZERO ESG - Design Tokens
 * ============================
 * Single source of truth for all design variables.
 * Replaces 5+ conflicting palettes across the system.
 */

:root {
    /* =====================================================================
       COLORS - Primary (Emerald)
       ===================================================================== */
    --nz-primary-50:  #ecfdf5;
    --nz-primary-100: #d1fae5;
    --nz-primary-200: #a7f3d0;
    --nz-primary-300: #6ee7b7;
    --nz-primary-400: #34d399;
    --nz-primary-500: #10b981;
    --nz-primary-600: #059669;
    --nz-primary-700: #047857;
    --nz-primary-800: #065f46;
    --nz-primary-900: #064e3b;

    /* =====================================================================
       COLORS - Neutrals (Gray)
       ===================================================================== */
    --nz-gray-50:  #f9fafb;
    --nz-gray-100: #f3f4f6;
    --nz-gray-200: #e5e7eb;
    --nz-gray-300: #d1d5db;
    --nz-gray-400: #9ca3af;
    --nz-gray-500: #6b7280;
    --nz-gray-600: #4b5563;
    --nz-gray-700: #374151;
    --nz-gray-800: #1f2937;
    --nz-gray-900: #111827;

    /* =====================================================================
       COLORS - Semantic
       ===================================================================== */
    --nz-success:       #22c55e;
    --nz-success-light: #dcfce7;
    --nz-success-dark:  #166534;

    --nz-warning:       #f59e0b;
    --nz-warning-light: #fef3c7;
    --nz-warning-dark:  #92400e;

    --nz-danger:        #ef4444;
    --nz-danger-light:  #fee2e2;
    --nz-danger-dark:   #991b1b;

    --nz-info:          #3b82f6;
    --nz-info-light:    #dbeafe;
    --nz-info-dark:     #1e40af;

    /* =====================================================================
       COLORS - Module Accents
       ===================================================================== */
    --nz-module-carbon:     #059669;
    --nz-module-benchmark:  #6366f1;
    --nz-module-seals:      #047857;
    --nz-module-contracted: #1a3a4a;
    --nz-module-reseller:   #38a169;
    --nz-module-support:    #2d5a27;
    --nz-module-dashboard:  #2d5a27;
    --nz-module-energy:     #f59e0b;
    --nz-module-water:      #3b82f6;
    --nz-module-waste:      #8b5cf6;
    --nz-module-social:     #ec4899;
    --nz-module-governance: #6366f1;

    /* =====================================================================
       TYPOGRAPHY
       ===================================================================== */
    --nz-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --nz-font-mono:   'JetBrains Mono', 'Fira Code', 'Consolas', monospace;

    --nz-text-xs:   0.75rem;    /* 12px */
    --nz-text-sm:   0.875rem;   /* 14px */
    --nz-text-base: 1rem;       /* 16px */
    --nz-text-lg:   1.125rem;   /* 18px */
    --nz-text-xl:   1.25rem;    /* 20px */
    --nz-text-2xl:  1.5rem;     /* 24px */
    --nz-text-3xl:  1.875rem;   /* 30px */

    --nz-font-normal:   400;
    --nz-font-medium:   500;
    --nz-font-semibold: 600;
    --nz-font-bold:     700;

    --nz-leading-tight:  1.25;
    --nz-leading-normal: 1.5;
    --nz-leading-relaxed: 1.625;

    /* =====================================================================
       SPACING
       ===================================================================== */
    --nz-space-1:  0.25rem;   /* 4px */
    --nz-space-2:  0.5rem;    /* 8px */
    --nz-space-3:  0.75rem;   /* 12px */
    --nz-space-4:  1rem;      /* 16px */
    --nz-space-5:  1.25rem;   /* 20px */
    --nz-space-6:  1.5rem;    /* 24px */
    --nz-space-8:  2rem;      /* 32px */
    --nz-space-10: 2.5rem;    /* 40px */
    --nz-space-12: 3rem;      /* 48px */

    /* =====================================================================
       LAYOUT
       ===================================================================== */
    --nz-sidebar-width:    260px;
    --nz-sidebar-collapsed: 64px;
    --nz-header-height:    56px;
    --nz-content-max-width: 1400px;

    /* =====================================================================
       BORDERS
       ===================================================================== */
    --nz-radius-sm:  4px;
    --nz-radius:     8px;
    --nz-radius-md:  12px;
    --nz-radius-lg:  16px;
    --nz-radius-xl:  20px;
    --nz-radius-full: 9999px;

    /* =====================================================================
       SHADOWS
       ===================================================================== */
    --nz-shadow-sm:  0 1px 2px rgba(0, 0, 0, 0.05);
    --nz-shadow:     0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    --nz-shadow-md:  0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);
    --nz-shadow-lg:  0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
    --nz-shadow-xl:  0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04);

    /* =====================================================================
       TRANSITIONS
       ===================================================================== */
    --nz-transition-fast:    150ms ease;
    --nz-transition:         200ms ease-in-out;
    --nz-transition-slow:    300ms ease-in-out;

    /* =====================================================================
       Z-INDEX SCALE
       ===================================================================== */
    --nz-z-dropdown:  1020;
    --nz-z-sticky:    1025;
    --nz-z-sidebar:   1000;
    --nz-z-header:    1010;
    --nz-z-overlay:   1040;
    --nz-z-modal:     1050;
    --nz-z-toast:     1060;
    --nz-z-tooltip:   1070;
}