:root {
    --color-primary: #00a859;
    --color-primary-dark: #007a41;
    --color-secondary: #ffcc00;
    --color-secondary-dark: #e6b800;
    --color-accent: #3b82f6;
    --color-danger: #ef4444;
    --color-danger-dark: #b91c1c;
    --color-success: #22c55e;
    --color-success-dark: #16a34a;
    --color-warning: #f59e0b;
    --color-white: #ffffff;
    --color-text-strong: #ffffff;
    --color-text-soft: #e2e8f0;

    --color-bg: #0f172a;
    --color-surface: #1e293b;
    --color-surface-hover: #334155;
    --color-border: #334155;

    --color-text: #f1f5f9;
    --color-text-muted: #94a3b8;

    --color-danger-bg: rgba(239, 68, 68, 0.12);
    --color-success-bg: rgba(34, 197, 94, 0.12);

    --overlay-grid: rgba(255, 255, 255, 0.03);
    --overlay-border-soft: rgba(255, 255, 255, 0.05);
    --overlay-border-dashed: rgba(255, 255, 255, 0.1);
    --overlay-text-shadow: rgba(255, 255, 255, 0.5);
    --overlay-header: rgba(15, 23, 42, 0.85);
    --overlay-hero-primary: rgba(0, 168, 89, 0.15);
    --overlay-hero-bg: rgba(15, 23, 42, 0);
    --overlay-shadow-dark: rgba(0, 0, 0, 0.3);
    --overlay-shadow-primary-soft: rgba(0, 168, 89, 0.2);
    --overlay-shadow-primary-strong: rgba(0, 168, 89, 0.4);
    --overlay-shadow-danger-soft: rgba(239, 68, 68, 0.2);
    --overlay-shadow-danger-strong: rgba(239, 68, 68, 0.4);
    --overlay-shadow-accent-strong: rgba(59, 130, 246, 0.4);
    --overlay-stripe: rgba(255, 255, 255, 0.15);
    --overlay-surface: rgba(0, 0, 0, 0.3);

    --glow-primary: 0 0 20px rgba(0, 168, 89, 0.4);
    --glow-secondary: 0 0 20px rgba(255, 204, 0, 0.3);

    --gradient-score: linear-gradient(90deg, var(--color-warning), var(--color-danger));
    --gradient-hero-text: linear-gradient(180deg, var(--color-text-strong) 0%, var(--color-text-soft) 100%);

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 24px;

    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Inter', sans-serif;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;

    --container-width: 1200px;
}