:root {
        --bg: #f4f4f4;
        --bg2: #ffffff;
        --panel: rgba(255, 255, 255, 0.68);
        --panel-2: rgba(255, 255, 255, 0.82);
        --panel-3: rgba(255, 255, 255, 0.92);
        --line: rgba(0, 0, 0, 0.08);
        --line-2: rgba(0, 0, 0, 0.14);
        --text: #111111;
        --muted: #676767;
        --soft: #3e3e3e;
        --dark: #ffffff;
        --shadow: 0 24px 80px rgba(0, 0, 0, 0.1);
        --radius: 22px;
        --sidebar: 250px;
      }

/* ===== Carrera Cars · Direction bleue validée en réunion ===== */
      :root {
        --accent: #155eef;
        --accent-strong: #004eeb;
        --accent-soft: rgba(21, 94, 239, 0.08);
        --accent-soft-2: rgba(21, 94, 239, 0.12);
        --accent-line: rgba(21, 94, 239, 0.2);
        --danger: #d92d20;
        --danger-soft: rgba(217, 45, 32, 0.08);
        --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        --space-1: 4px;
        --space-2: 8px;
        --space-3: 12px;
        --space-4: 16px;
        --space-5: 20px;
        --space-6: 24px;
        --radius-sm: 10px;
        --radius-md: 14px;
        --radius-lg: 18px;
        --radius-xl: 22px;
        --control-height: 44px;
        --layout-gap: 12px;
        --section-gap: 18px;
        --card-padding: 16px;
      }