/* FOREST THEME - Nature-inspired earth tones */
:root[data-sw-theme="forest"] {
  --color-surface: #1a3a2a;
  --color-surface-2: #1f4a37;
  --color-border: rgba(127, 191, 127, 0.25);
  --color-text: #c9dac8;
  --color-bg: #0f2a1c;
  --color-muted: #a8d5a8;
  --color-accent: #7fbf7f;
  --sw-strip-gradient: linear-gradient(180deg, #1f4a37 0%, #2d4a3e 100%);
  --sw-strip-border: rgba(127, 191, 127, 0.18);
  --sw-strip-text: #a8d5a8;

  --sw-cat0: #6fb3d2;
  --sw-cat1: #7fbf7f;
  --sw-cat2: #daa520;
  --sw-cat3: #cd853f;
}

body.theme-forest {background: linear-gradient(135deg, #1a3a2a 0%, #2d4a3e 100%); color:#c9dac8;}
body.theme-forest a:visited, body.theme-forest a:link {color:#7fbf7f;}
body.theme-forest a:hover {color:#a8d5a8; text-decoration:underline;}

/* Header with natural feel */
body.theme-forest div.container {background:transparent;}
body.theme-forest div.logo h1 a {color:#a8d5a8; text-shadow:0 2px 4px rgba(0,0,0,0.3);}
body.theme-forest div.filter h4 {color:#c9dac8;}
body.theme-forest ul.mainmenu li a {color:#c9dac8;}
body.theme-forest ul.mainmenu li:hover {background-color:rgba(127,191,127,0.1);}
body.theme-forest ul.mainmenu li.active {background-color:rgba(127,191,127,0.2); border-left:3px solid #7fbf7f;}

/* Toolbar */
body.theme-forest div#toolbar {background: linear-gradient(180deg, #1f4a37 0%, #2d4a3e 100%); border-color:rgba(127,191,127,0.2);}
body.theme-forest div.notifications, body.theme-forest div.toolbarButton {border-right-color:rgba(127,191,127,0.2);}
body.theme-forest div.toolbarButton:hover {background-color:rgba(127,191,127,0.15);}
body.theme-forest div.toolbarButton p a {color:#a8d5a8;}

/* Spots with organic styling */
body.theme-forest table.spots {background-color:#1a3a2a; border-color:#2d4a3e;}
body.theme-forest table.spots th {background: linear-gradient(180deg, #1f4a37 0%, #2d4a3e 100%); color:#a8d5a8; border-color:rgba(127,191,127,0.2); font-weight:600;}
body.theme-forest table.spots th a {color:#a8d5a8;}
body.theme-forest table.spots th.sorted a {color:#7fbf7f;}
body.theme-forest table.spots tr.even {background-color:#162d22;}
body.theme-forest table.spots tr.odd {background-color:#1a3a2a;}
body.theme-forest table.spots tr:hover {background-color:rgba(127,191,127,0.1);}
body.theme-forest table.spots tr.active {background-color:rgba(127,191,127,0.2); border-left:3px solid #7fbf7f;}
body.theme-forest table.spots td {color:#c9dac8; border-color:rgba(127,191,127,0.1);}
body.theme-forest table.spots td a {color:#7fbf7f;}
body.theme-forest table.spots td.category {color:#a8d5a8;}

/* Natural category colors */
body.theme-forest table.spots tr.spotcat0 td.category {color:#6fb3d2;}
body.theme-forest table.spots tr.spotcat1 td.category {color:#7fbf7f;}
body.theme-forest table.spots tr.spotcat2 td.category {color:#daa520;}
body.theme-forest table.spots tr.spotcat3 td.category {color:#cd853f;}

/* Details */
body.theme-forest div.details {background-color:#1a3a2a; border:2px solid #7fbf7f; box-shadow:0 4px 20px rgba(0,0,0,0.4);}
body.theme-forest div.details a.closeDetails {background-color:#2d4a3e; color:#a8d5a8;}
body.theme-forest div.details a.closeDetails:hover {background-color:#3a5f4e;}
body.theme-forest div.details div.spotinfo h1 {color:#a8d5a8; border-bottom-color:rgba(127,191,127,0.3);}
body.theme-forest div.details table th {color:#a8d5a8; background-color:#2d4a3e; border-color:rgba(127,191,127,0.2);}
body.theme-forest div.details table td {color:#c9dac8; background-color:#162d22; border-color:rgba(127,191,127,0.1);}

/* Filters */
body.theme-forest div.filter {background-color:#162d22; border-color:rgba(127,191,127,0.2);}
body.theme-forest div.filter h4 {background: linear-gradient(180deg, #1f4a37 0%, #2d4a3e 100%); border-color:rgba(127,191,127,0.2); color:#a8d5a8;}
body.theme-forest div.filter ul.filterlist li {border-color:rgba(127,191,127,0.1);}
body.theme-forest div.filter ul.filterlist li:hover {background-color:rgba(127,191,127,0.1);}
body.theme-forest div.filter ul.filterlist li a {color:#7fbf7f;}
body.theme-forest div.filter ul.filterlist li.active {background-color:rgba(127,191,127,0.2); border-left:3px solid #7fbf7f;}

/* Paging */
body.theme-forest div.paging a {color:#a8d5a8; border-color:rgba(127,191,127,0.2); background-color:#2d4a3e;}
body.theme-forest div.paging a:hover {background-color:rgba(127,191,127,0.2); border-color:#7fbf7f;}