/* Vicari Super.site CSS - Mit Header-Bilder Fix */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;
500;600;700&display=swap');
/* ===== DESIGN SYSTEM ===== */
:root {
/* Typography */
--font-primary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
--font-secondary: 'Josefin Sans', sans-serif;
/* Font Sizes */
--text-sm: 14px;
--text-base: 16px;
--text-lg: 18px;
--text-xl: 24px;
--text-2xl: 30px;
--text-3xl: 36px;
/* Colors */
--color-black: #000000;
--color-white: #ffffff;
--color-gray-50: #f9fafb;
--color-gray-100: #f3f4f6;
--color-gray-300: #d1d5db;
--color-gray-600: #4b5563;
--color-gray-900: #111827;
/* Brand Colors */
--color-magenta: #ff00a0;
--color-orange: #ffa500;
--color-anthracite: #575250;
/* Layout */
--max-width: 800px;
--spacing-xs: 8px;
--spacing-sm: 16px;
--spacing-md: 24px;
--spacing-lg: 32px;
--spacing-xl: 48px;
--spacing-2xl: 64px;
/* Shadows */
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
/* Transitions */
--transition-base: all 0.2s ease-in-out;
}
/* ===== DATABASE DEBUG - NEUER TEST ===== */
* {
border: 1px solid red !important;
}
body::before {
content: "DEBUG AKTIV - ALLE Elemente haben rote Rahmen!" !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
background: red !important;
color: white !important;
padding: 10px !important;
z-index: 9999 !important;
}