:root {
    --color-background: 248 250 252;
    --color-foreground: 30 41 59;
    --color-card: 255 255 255;
    --color-card-foreground: 30 41 59;
    --color-primary: 79 70 229;
    --color-primary-foreground: 255 255 255;
    --color-secondary: 241 245 249;
    --color-secondary-foreground: 30 41 59;
    --color-muted: 241 245 249;
    --color-muted-foreground: 100 116 139;
    --color-accent: 79 70 229;
    --color-accent-foreground: 255 255 255;
    --color-destructive: 239 68 68;
    --color-destructive-foreground: 255 255 255;
    --color-border: 226 232 240;
    --color-input: 248 250 252;
    --color-ring: 79 70 229;
    --color-success: 16 185 129;
    --color-warning: 245 158 11;

    --scroll-track: 241 245 249;
    --scroll-thumb: 203 213 225;
    --scroll-thumb-hover: 148 163 184;
    --sidebar-hover: 241 245 249;

    --swal-popup-start: 255 255 255;
    --swal-popup-end: 248 250 252;
    --swal-title: 15 23 42;
    --swal-text: 51 65 85;
    --swal-label: 100 116 139;
    --swal-input-border: 203 213 225;
    --swal-input-bg: 248 250 252;
    --swal-input-text: 15 23 42;
    --swal-input-focus-bg: 255 255 255;
    --swal-cancel-bg: 226 232 240;
    --swal-cancel-text: 51 65 85;
    --swal-cancel-border: 203 213 225;
    --swal-cancel-hover: 203 213 225;
    --swal-validation-bg: 254 226 226;
    --swal-validation-text: 185 28 28;
    --swal-shadow: 15 23 42;
    --sidebar-shadow: 15 23 42;
}

html[data-theme='dark'] {
    --color-background: 15 23 42;
    --color-foreground: 226 232 240;
    --color-card: 30 41 59;
    --color-card-foreground: 226 232 240;
    --color-primary: 129 140 248;
    --color-primary-foreground: 15 23 42;
    --color-secondary: 51 65 85;
    --color-secondary-foreground: 226 232 240;
    --color-muted: 51 65 85;
    --color-muted-foreground: 148 163 184;
    --color-accent: 129 140 248;
    --color-accent-foreground: 15 23 42;
    --color-destructive: 248 113 113;
    --color-destructive-foreground: 15 23 42;
    --color-border: 71 85 105;
    --color-input: 30 41 59;
    --color-ring: 129 140 248;
    --color-success: 52 211 153;
    --color-warning: 251 191 36;

    --scroll-track: 30 41 59;
    --scroll-thumb: 71 85 105;
    --scroll-thumb-hover: 100 116 139;
    --sidebar-hover: 51 65 85;

    --swal-popup-start: 30 41 59;
    --swal-popup-end: 15 23 42;
    --swal-title: 226 232 240;
    --swal-text: 203 213 225;
    --swal-label: 148 163 184;
    --swal-input-border: 71 85 105;
    --swal-input-bg: 30 41 59;
    --swal-input-text: 226 232 240;
    --swal-input-focus-bg: 51 65 85;
    --swal-cancel-bg: 51 65 85;
    --swal-cancel-text: 226 232 240;
    --swal-cancel-border: 71 85 105;
    --swal-cancel-hover: 71 85 105;
    --swal-validation-bg: 127 29 29;
    --swal-validation-text: 254 202 202;
    --swal-shadow: 2 6 23;
    --sidebar-shadow: 2 6 23;
}

html,
body {
    background-color: rgb(var(--color-background));
    color: rgb(var(--color-foreground));
}

[data-theme-toggle] {
    -webkit-tap-highlight-color: transparent;
}