@import "../../common/theme/base.css";

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

@layer base {
  :root {
    --background: 0 0% 98%;
    --foreground: 223 25% 12%;
    --card: 0 0% 100%;
    --card-foreground: 223 25% 12%;
    --popover: 0 0% 100%;
    --popover-foreground: 223 25% 12%;
    --primary: 209 79% 52%;
    --primary-foreground: 0 0% 100%;
    --secondary: 220 17% 94%;
    --secondary-foreground: 223 25% 20%;
    --muted: 223 15% 45%;
    --muted-foreground: 223 15% 45%;
    --accent: 40 96% 62%;
    --accent-foreground: 223 25% 12%;
    --destructive: 0 84% 60%;
    --destructive-foreground: 0 0% 100%;
    --border: 220 17% 90%;
    --input: 220 17% 90%;
    --ring: 209 79% 52%;
    --radius: 0.75rem;
    --app-background-image: linear-gradient(
      180deg,
      hsl(var(--background)) 0%,
      hsl(var(--secondary) / 0.35) 100%
    );
  }
}