global.css

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    :root {
      --background: 242 242 247;
      --foreground: 0 0 0;
      --card: 255 255 255;
      --card-foreground: 8 28 30;
      --popover: 230 230 235;
      --popover-foreground: 0 0 0;
      --primary: 0 123 254;
      --primary-foreground: 255 255 255;
      --secondary: 45 175 231;
      --secondary-foreground: 255 255 255;
      --muted: 175 176 180;
      --muted-foreground: 142 142 147;
      --accent: 255 40 84;
      --accent-foreground: 255 255 255;
      --destructive: 255 56 43;
      --destructive-foreground: 255 255 255;
      --border: 230 230 235;
      --input: 210 210 215;
      --ring: 230 230 235;
  
      --android-background: 249 249 255;
      --android-foreground: 0 0 0;
      --android-card: 255 255 255;
      --android-card-foreground: 24 28 35;
      --android-popover: 215 217 228;
      --android-popover-foreground: 0 0 0;
      --android-primary: 0 112 233;
      --android-primary-foreground: 255 255 255;
      --android-secondary: 176 201 255;
      --android-secondary-foreground: 20 55 108;
      --android-muted: 193 198 215;
      --android-muted-foreground: 65 71 84;
      --android-accent: 169 73 204;
      --android-accent-foreground: 255 255 255;
      --android-destructive: 186 26 26;
      --android-destructive-foreground: 255 255 255;
      --android-border: 215 217 228;
      --android-input: 210 210 215;
      --android-ring: 215 217 228;
    }
  
    @media (prefers-color-scheme: dark) {
      :root {
        --background: 0 0 0;
        --foreground: 255 255 255;
        --card: 21 21 24;
        --card-foreground: 255 255 255;
        --popover: 40 40 42;
        --popover-foreground: 255 255 255;
        --primary: 3 133 255;
        --primary-foreground: 255 255 255;
        --secondary: 100 211 254;
        --secondary-foreground: 255 255 255;
        --muted: 70 70 73;
        --muted-foreground: 142 142 147;
        --accent: 255 52 95;
        --accent-foreground: 255 255 255;
        --destructive: 254 67 54;
        --destructive-foreground: 255 255 255;
        --border: 40 40 42;
        --input: 55 55 57;
        --ring: 40 40 42;
  
        --android-background: 0 0 0;
        --android-foreground: 255 255 255;
        --android-card: 16 19 27;
        --android-card-foreground: 224 226 237;
        --android-popover: 39 42 50;
        --android-popover-foreground: 224 226 237;
        --android-primary: 3 133 255;
        --android-primary-foreground: 255 255 255;
        --android-secondary: 28 60 114;
        --android-secondary-foreground: 189 209 255;
        --android-muted: 216 226 255;
        --android-muted-foreground: 139 144 160;
        --android-accent: 83 0 111;
        --android-accent-foreground: 238 177 255;
        --android-destructive: 147 0 10;
        --android-destructive-foreground: 255 255 255;
        --android-border: 39 42 50;
        --android-input: 55 55 57;
        --android-ring: 39 42 50;
      }
    }
  }