/**
 * PVDashboard Base CSS Variables
 *
 * Default theme values. Themes override only what differs.
 * Based on dark-solar palette (Sirdal) as sensible defaults.
 */

:root {
    /* ============================================
       PRIMARY COLOR SCALE
       ============================================ */
    --primary-50: #f0fef4;
    --primary-100: #dcfce7;
    --primary-200: #bbf7d0;
    --primary-300: #86efac;
    --primary-400: #4ade80;
    --primary-500: #22c55e;
    --primary-600: #16a34a;
    --primary-700: #15803d;
    --primary-800: #166534;
    --primary-900: #14532d;

    /* ============================================
       SECONDARY COLOR SCALE
       ============================================ */
    --secondary-50: #fefce8;
    --secondary-100: #fef9c3;
    --secondary-200: #fef08a;
    --secondary-300: #fde047;
    --secondary-400: #facc15;
    --secondary-500: #eab308;
    --secondary-600: #ca8a04;
    --secondary-700: #a16207;
    --secondary-800: #854d0e;
    --secondary-900: #713f12;

    /* ============================================
       ACCENT COLOR SCALE
       ============================================ */
    --accent-50: #faf5ff;
    --accent-100: #f3e8ff;
    --accent-200: #e9d5ff;
    --accent-300: #d8b4fe;
    --accent-400: #c084fc;
    --accent-500: #a855f7;
    --accent-600: #9333ea;
    --accent-700: #7e22ce;
    --accent-800: #6b21a8;
    --accent-900: #581c87;

    /* ============================================
       NEUTRAL COLOR SCALE
       ============================================ */
    --neutral-50: #f8fafc;
    --neutral-100: #f1f5f9;
    --neutral-200: #e2e8f0;
    --neutral-300: #cbd5e1;
    --neutral-400: #94a3b8;
    --neutral-500: #64748b;
    --neutral-600: #475569;
    --neutral-700: #334155;
    --neutral-800: #1e293b;
    --neutral-900: #0f172a;

    /* ============================================
       UI BACKGROUNDS
       ============================================ */
    --bg-page: #1a1d23;
    --bg-card: #232830;
    --bg-card-elevated: #2d333d;
    --bg-sidebar: #1a1d23;
    --bg-header: linear-gradient(90deg, #15803d 0%, #22c55e 50%, #4ade80 100%);
    --bg-accent: rgba(234, 179, 8, 0.1);

    /* ============================================
       TEXT COLORS
       ============================================ */
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-disabled: #64748b;
    --text-on-primary: #ffffff;
    --text-on-secondary: #0f172a;
    --text-on-dark: #f1f5f9;
    --text-accent: var(--secondary-400);

    /* ============================================
       BORDERS
       ============================================ */
    --border-light: rgba(148, 163, 184, 0.2);
    --border-medium: rgba(148, 163, 184, 0.3);
    --border-dark: rgba(148, 163, 184, 0.4);
    --border-accent: var(--secondary-400);

    /* ============================================
       SHADOWS
       ============================================ */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.6);
    --shadow-lg: 0 10px 20px rgba(0, 0, 0, 0.7);
    --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.8);

    /* ============================================
       SEMANTIC COLORS
       ============================================ */
    --success-light: #86efac;
    --success: var(--primary-500);
    --success-dark: var(--primary-700);
    --warning-light: #fde047;
    --warning: var(--secondary-500);
    --warning-dark: var(--secondary-700);
    --error-light: #fca5a5;
    --error: #ef4444;
    --error-dark: #dc2626;
    --info-light: #c084fc;
    --info: var(--accent-500);
    --info-dark: var(--accent-700);

    /* ============================================
       CHART COLORS
       ============================================ */
    --chart-1: var(--secondary-500);
    --chart-2: var(--primary-500);
    --chart-3: var(--accent-500);
    --chart-4: #f97316;
    --chart-5: #06b6d4;
    --chart-6: #ec4899;

    /* ============================================
       TYPOGRAPHY
       ============================================ */
    --font-sans: 'Inter', sans-serif;
    --font-family: 'Inter', sans-serif;
    --radius: 0;

    /* ============================================
       COMPATIBILITY ALIASES
       ============================================ */
    --sirdal-green: var(--primary-500);
    --solkraft-orange: var(--secondary-500);
    --bg-primary: var(--bg-page);
    --shadow-green: 0 8px 16px rgba(34, 197, 94, 0.4);
    --shadow-amber: 0 8px 16px rgba(234, 179, 8, 0.4);
}