/* Colonized.net Theme - Deep earthy palette */
:root {
  /* Deep, earthy theme */
  --background: #1e1e1e; /* Dark slate */
  --surface-secondary: #2c2c2c; /* Slightly lighter gray */
  --foreground: #f4f4f4; /* Off-white text */
  --accent: #cd7f32; /* Bronze/Copper accent */
  --muted-dark: #000000; /* Deep black */
  --border-color: #3b3b3b; /* Subtle dark border */
  --text-muted: #a0a0a0; /* Muted gray text */
  color-scheme: dark;
}

/* Light theme variant for colonized - follows system preference */
:root[data-theme="light"] {
  --background: #fcfbf9; /* Warm Off-White */
  --surface-secondary: #f7f3ed; /* Light wood / stone */
  --foreground: #44403c; /* Deep charcoal (primary text) */
  --accent: #cd7f32; /* Bronze/Copper accent */
  --muted-dark: #000000; /* Deep black */
  --border-color: #e9e6df; /* Subtle divider */
  --text-muted: #6b6a66; /* Muted gray text */
  color-scheme: light;
}

/* Dark theme explicit */
:root[data-theme="dark"] {
  --background: #1e1e1e;
  --surface-secondary: #2c2c2c;
  --foreground: #f4f4f4;
  --accent: #cd7f32;
  --muted-dark: #000000;
  --border-color: #3b3b3b;
  --text-muted: #a0a0a0;
  color-scheme: dark;
}

/* Compatibility variables used by layout.tsx */
:root[data-theme="dark"] {
  --surface-header: rgba(30,30,30,0.95);
  --surface-footer: rgba(30,30,30,0.9);
  --text-subtle: #a0a0a0;
}

:root[data-theme="light"] {
  --surface-header: rgba(255,255,255,0.8);
  --surface-footer: rgba(255,255,255,0.7);
  --text-subtle: #6b6a66;
}