:root {
    --background: 245 247 250; /* jasnoszare tło */
    --foreground: 20 23 30; /* ciemny tekst */
    --card: 255 255 255; /* biała karta */
    --card-foreground: 20 23 30;
    --popover: 255 255 255;
    --popover-foreground: 20 23 30;
    --primary: 220 38 38; /* #dc2626 – czerwony zamiast niebieskiego */
    --primary-foreground: 255 255 255;
    --secondary: 234 236 240; /* delikatny szary */
    --secondary-foreground: 20 23 30;
    --muted: 234 236 240;
    --muted-foreground: 100 116 139;
    --accent: 220 38 38; /* czerwony zamiast niebieskiego */
    --accent-foreground: 255 255 255;
    --destructive: 220 38 38; /* czerwony */
    --destructive-foreground: 255 255 255;
    --border: 222 226 230;
    --input: 222 226 230;
    --ring: 220 38 38; /* czerwony */
    --radius: 0.75rem;
    --search: 255 255 255;
}

.dark {
    --background: 14 17 22;
    --foreground: 230 230 230;
    --card: 26 29 36;
    --card-foreground: 230 230 230;
    --popover: 26 29 36;
    --popover-foreground: 230 230 230;
    --primary: 220 38 38; /* czerwony */
    --primary-foreground: 14 17 22;
    --secondary: 42 47 58;
    --secondary-foreground: 230 230 230;
    --muted: 42 47 58;
    --muted-foreground: 156 163 175;
    --accent: 220 38 38; /* czerwony */
    --accent-foreground: 14 17 22;
    --destructive: 127 29 29;
    --destructive-foreground: 248 250 252;
    --border: 42 47 58;
    --input: 42 47 58;
    --ring: 220 38 38; /* czerwony */
    --search: 26 29 36 / 50%;
}