@import "tailwindcss";

:root {
  /* Neo-brutalist muted color palette */
  --background: #FAF8F5;
  --foreground: #3D3D3D;
  --card-bg: #FEFDFB;
  --border-color: #3D3D3D;

  /* Muted accent colors */
  --sage: #B8C5B3;
  --sage-light: #CBD6C8;
  --sage-dark: #A8B5A0;

  --terracotta: #D4B5A0;
  --terracotta-light: #E0C9B8;
  --terracotta-dark: #C9A88E;

  --blue-grey: #A5B4BE;
  --blue-grey-light: #B8C5CE;
  --blue-grey-dark: #9BAAB5;

  --rose: #D4B5B8;
  --rose-light: #E0C9CC;
  --rose-dark: #C9A8AB;

  --sand: #E8DCC8;
  --sand-light: #F0E8D8;
  --sand-dark: #DDD0BB;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #1A1A1A;
    --foreground: #E8E3D8;
    --card-bg: #242424;
    --border-color: #4D4D4D;

    --sage: #8A9985;
    --sage-light: #9BAA96;
    --sage-dark: #7A8975;

    --terracotta: #A38E7D;
    --terracotta-light: #B29E8D;
    --terracotta-dark: #937E6D;

    --blue-grey: #7D8C95;
    --blue-grey-light: #8D9CA5;
    --blue-grey-dark: #6D7C85;

    --rose: #A38E91;
    --rose-light: #B39EA1;
    --rose-dark: #937E81;

    --sand: #B8AC98;
    --sand-light: #C8BCA8;
    --sand-dark: #A89C88;
  }
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}

/* Neo-brutalist shadow utilities */
.shadow-neo-brutal {
  box-shadow: 5px 5px 0px var(--border-color);
}

.shadow-neo-brutal-hover {
  box-shadow: 7px 7px 0px var(--border-color);
}

.shadow-brutal {
  box-shadow: 5px 5px 0px var(--border-color);
}

.shadow-brutal-hover {
  box-shadow: 7px 7px 0px var(--border-color);
}
