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

@layer base {
  :root {
    --background: 255,255,255;
    --foreground: 37,22,21;
    --card: 255,255,255;
    --card-foreground: 37,22,21;
    --popover: 255,249,244;
    --popover-foreground: 37,22,21;
    --primary: 228, 98, 18;
    --primary-foreground: 255,249,244;
    --secondary: 255,226,216;
    --secondary-foreground: 66,37,32;
    --muted: 255,234,227;
    --muted-foreground: 118,93,88;
    --accent: 255,222,207;
    --accent-foreground: 66,37,32;
    --destructive: 239,67,94;
    --destructive-foreground: 255,249,244;
    --border: 237,213,209;
    --input: 244,206,198;
    --ring: 233,87,82;
    --radius: 0.625rem;
  }

  .dark:root {
    --background: 22,22,22;
    --foreground: 255,241,238;
    --card: 31,31,31;
    --card-foreground: 255,241,238;
    --popover: 31, 31, 31;
    --popover-foreground: 255,241,238;
    --primary: 228, 98, 18;
    --primary-foreground: 0,0,0;
    --secondary: 15, 9, 11;
    --secondary-foreground: 255,241,238;
    --muted: 9, 5, 6;
    --muted-foreground: 176,153,151;
    --accent: 228, 125, 251;
    --accent-foreground: 255,249,244;
    --destructive: 255,40,90;
    --destructive-foreground: 255,249,244;
    --border: 95, 95, 95;
    --input: 16,9,10;
    --ring: 151,170,81;
  }
}