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

@layer base {
  :root,.homebox {
    --background: 0 0% 100%;
    --background-accent: 0 0% 81%;
    --foreground: 0 0% 20%;
    --primary: 139 16% 43%;
    --primary-foreground: 139 100% 89%;
    --secondary: 77 8% 17%;
    --secondary-foreground: 76 18% 83%;
    --accent: 97 37% 93%;
    --accent-foreground: 97 31% 19%;
    --muted: 0 0% 90%;
    --muted-foreground: 0 0% 20%;
    --card: 0 0% 100%;
    --card-foreground: 0 0% 20%;
    --popover: 0 0% 100%;
    --popover-foreground: 0 0% 20%;
    --destructive: 0 91% 71%;
    --destructive-foreground: 0 100% 14%;
    --input: 0 0% 81%;
    --border: 0 0% 81%;
    --ring: 139 16% 43%;
    --sidebar-background: 0 0% 90%;
    --sidebar-foreground: 0 0% 20%;
    --sidebar-primary: 139 16% 43%;
    --sidebar-primary-foreground: 139 100% 89%;
    --sidebar-accent: 0 0% 81%;
    --sidebar-accent-foreground: 0 0% 20%;
    --sidebar-border: 0 0% 81%;
    --sidebar-ring: 0 0% 81%;

    --radius: 0.5rem;
}
