:root {
    /* Fond dark profond, tons pétrole */
    --color-background: #0a0e14;
    --color-bg-glow-1: rgba(16, 185, 129, 0.10);
    --color-bg-glow-2: rgba(59, 130, 246, 0.08);

    /* Surfaces glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.045);
    --glass-bg-hover: rgba(255, 255, 255, 0.08);
    --glass-border: rgba(255, 255, 255, 0.09);
    --glass-border-hover: rgba(16, 185, 129, 0.35);
    --glass-blur: 16px;

    /* Accent principal (vert pompe) */
    --color-primary: #10b981;
    --color-primary-light: #34d399;
    --color-primary-glow: rgba(16, 185, 129, 0.25);

    /* Accent secondaire (ambre carburant) */
    --color-accent: #f59e0b;
    --color-accent-light: #fbbf24;

    /* Texte */
    --color-text: #eef2f7;
    --color-text-muted: #8b98ab;
    --color-text-light: #5b6879;

    /* États */
    --color-success: #10b981;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;

    /* Prix : dégradé du moins cher au plus cher */
    --color-price-best: #34d399;
    --color-price-worst: #f87171;

    /* Rayons & espacements */
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --spacing-xs: 6px;
    --spacing-sm: 12px;
    --spacing-md: 20px;
    --spacing-lg: 32px;

    --font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;

    --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.35);
    --shadow-glow: 0 0 24px var(--color-primary-glow);
}