/* 8Mountains — brand palette from the website (forest green, terracotta, warm cream).
   The Arc build maps these tokens onto Tailwind classes (@theme inline). */

:root {
  --radius: 0.6rem;
  --background: #f8f4ec;
  --foreground: #2b2a26;
  --card: #fffdf9;
  --card-foreground: #2b2a26;
  --popover: #fffdf9;
  --popover-foreground: #2b2a26;
  --primary: #1f3b2e;
  --primary-foreground: #f5efe4;
  --secondary: #ede7dc;
  --secondary-foreground: #1f3b2e;
  --muted: #efe9de;
  --muted-foreground: #68655f;
  --accent: #f6e3d6;
  --accent-foreground: #96482a;
  --destructive: #b3362b;
  --destructive-foreground: #ffffff;
  --border: #ddd6ca;
  --input: #d7d1c7;
  --ring: #a8512f;
  --chart-1: #1f3b2e;
  --chart-2: #a8512f;
  --chart-3: #c9a227;
  --chart-4: #4f7a6a;
  --chart-5: #d98a5f;
  --sidebar: #f2ece1;
  --sidebar-foreground: #2b2a26;
  --sidebar-primary: #1f3b2e;
  --sidebar-primary-foreground: #f5efe4;
  --sidebar-accent: #e7dfd1;
  --sidebar-accent-foreground: #1f3b2e;
  --sidebar-border: #ddd6ca;
  --sidebar-ring: #a8512f;
  --brand-gradient: linear-gradient(135deg, #1f3b2e 0%, #a8512f 100%);
}

.dark {
  --background: #141a17;
  --foreground: #efe9de;
  --card: #1b231f;
  --card-foreground: #efe9de;
  --popover: #1b231f;
  --popover-foreground: #efe9de;
  --primary: #9fc4b0;
  --primary-foreground: #102019;
  --secondary: #24302a;
  --secondary-foreground: #efe9de;
  --muted: #222b26;
  --muted-foreground: #b3ada3;
  --accent: #3a281e;
  --accent-foreground: #f6c8a6;
  --destructive: #d9574b;
  --destructive-foreground: #ffffff;
  --border: #2f3a34;
  --input: #2f3a34;
  --ring: #d98a5f;
  --sidebar: #171e1a;
  --chart-1: #9fc4b0;
  --chart-2: #e09a6e;
  --chart-3: #e0b84a;
  --chart-4: #7fc3a2;
  --chart-5: #e8a27a;
  --sidebar-foreground: #efe9de;
  --sidebar-border: #2f3a34;
}

body {
  background-color: var(--background);
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
}