src/index.css - master - t3/web-ui

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

@layer base {
    :root {
        --background: 0 0% 100%;
        --foreground: 222 47% 11%;
        --card: 0 0% 100%;
        --card-foreground: 222 47% 11%;
        --primary: 210 77% 40%;
        --primary-foreground: 0 0% 100%;
        --secondary: 210 20% 96%;
        --secondary-foreground: 222 47% 11%;
        --muted: 210 20% 96%;
        --muted-foreground: 215 16% 47%;
        --accent: 210 20% 96%;
        --accent-foreground: 222 47% 11%;
        --destructive: 0 84% 60%;
        --destructive-foreground: 0 0% 100%;
        --border: 214 32% 91%;
        --input: 214 32% 91%;
        --ring: 210 77% 40%;
        --sidebar-foreground: 215 16% 25%;
        --popover: 0 0% 100%;
        --popover-foreground: 222 47% 11%;
        --radius: 0.5rem;
    }

    .dark {
        --background: 222 47% 6%;
        --foreground: 210 20% 98%;
        --card: 222 47% 8%;
        --card-foreground: 210 20% 98%;
        --primary: 210 77% 48%;
        --primary-foreground: 0 0% 100%;
        --secondary: 217 33% 17%;
        --secondary-foreground: 210 20% 98%;
        --muted: 217 33% 12%;
        --muted-foreground: 215 20% 65%;
        --accent: 217 33% 17%;
        --accent-foreground: 210 20% 98%;
        --destructive: 0 72% 51%;
        --destructive-foreground: 0 0% 100%;
        --border: 217 33% 25%;
        --input: 217 33% 25%;
        --ring: 210 77% 48%;
        --sidebar-foreground: 215 20% 65%;
        --popover: 222 47% 8%;
        --popover-foreground: 210 20% 98%;
    }

    * {
        @apply border-border;
    }

    body {
        @apply bg-background text-foreground antialiased;
        font-feature-settings: "rlig" 1, "calt" 1;
    }
}