/* Preisvergleich.de — colour tokens. Source: CI_Farben / Color Palette PDFs + Figma "KFZ-Wechselsaison 2026". */
:root{
/* Primary (Petrol/Blau) */
--pvg-primary-dark:#003043;--pvg-primary:#087e9f;--pvg-primary-light:#429bb3;
/* Secondary (Rot/Orange) */
--pvg-secondary-dark:#9c1a00;--pvg-secondary:#c62000;--pvg-secondary-light:#f13a00;
--pvg-orange:#ff5300;--pvg-orange-cta-alt:#fe4200;
/* Grays */
--pvg-gray-900:#444444;--pvg-gray-500:#aaaaaa;--pvg-gray-400:#bbbbbb;--pvg-gray-200:#eeeeee;--pvg-gray-100:#f2f2f2;--pvg-gray-50:#f8f8f8;--pvg-white:#ffffff;
/* Additional / status */
--pvg-error:#c41d1d;--pvg-warning:#fec002;--pvg-success:#54bf84;
/* Chart scales (Diagramme/Grafiken – Abstufung), darkest → lightest */
--pvg-chart-navy-1:#003043;--pvg-chart-navy-2:#314e5f;--pvg-chart-navy-3:#586e7d;--pvg-chart-navy-4:#80909c;--pvg-chart-navy-5:#a9b4bc;--pvg-chart-navy-6:#d3d9dd;
--pvg-chart-petrol-1:#087e9f;--pvg-chart-petrol-2:#4c92af;--pvg-chart-petrol-3:#74a7be;--pvg-chart-petrol-4:#98bdce;--pvg-chart-petrol-5:#bad2de;--pvg-chart-petrol-6:#dde9ef;
--pvg-chart-cyan-1:#429bb3;--pvg-chart-cyan-2:#68abbf;--pvg-chart-cyan-3:#89bccc;--pvg-chart-cyan-4:#a7ccd8;--pvg-chart-cyan-5:#c5dde5;--pvg-chart-cyan-6:#e2eef2;
--pvg-chart-red-1:#c62000;--pvg-chart-red-2:#d7502e;--pvg-chart-red-3:#e67555;--pvg-chart-red-4:#f2987d;--pvg-chart-red-5:#fabaa7;--pvg-chart-red-6:#ffdcd2;
--pvg-chart-vermilion-1:#f13a00;--pvg-chart-vermilion-2:#fb6334;--pvg-chart-vermilion-3:#ff855c;--pvg-chart-vermilion-4:#ffa483;--pvg-chart-vermilion-5:#ffc3ab;--pvg-chart-vermilion-6:#ffe1d4;
--pvg-chart-orange-1:#ff5300;--pvg-chart-orange-2:#ff7438;--pvg-chart-orange-3:#ff9260;--pvg-chart-orange-4:#ffae86;--pvg-chart-orange-5:#ffc9ad;--pvg-chart-orange-6:#ffe4d6;
/* Campaign-only values from Figma */
--pvg-cool-gray-92:#e6e9ef;--pvg-cool-gray-92b:#e1e8f2;--pvg-cool-gray-95:#eef2f8;--pvg-scrim-ink:rgba(4,16,40,0.35);

/* Semantic aliases */
--surface-page:var(--pvg-white);--surface-subtle:var(--pvg-gray-50);--surface-muted:var(--pvg-gray-100);
--surface-brand:var(--pvg-primary-dark);--surface-brand-alt:var(--pvg-primary);--surface-brand-soft:var(--pvg-primary-light);
--text-strong:var(--pvg-primary-dark);--text-body:var(--pvg-gray-900);--text-muted:var(--pvg-gray-500);--text-on-brand:var(--pvg-white);--text-accent:var(--pvg-secondary-light);
--action-primary:var(--pvg-orange);--action-primary-text:var(--pvg-white);
--border-strong:var(--pvg-primary-dark);--border-accent:var(--pvg-secondary-light);--border-subtle:var(--pvg-gray-200);
--status-error:var(--pvg-error);--status-warning:var(--pvg-warning);--status-success:var(--pvg-success);
}