/* Forest Theme - Inspired by Cabbage Pont and Energy Yellow colors */

/* Forest Color Palette */
:root {
  --forest-black: #0F1410;
  --forest-black-rgb: 15,20,16;
  --forest-paper: #FDFCF9;
  --forest-paper-rgb: 253,252,249;
  --forest-200-rgb: 180,200,180;
  --forest-50: #F8F9F8;
  --forest-100: #F0F2F0;
  --forest-150: #E8EBE8;
  --forest-200: #B4C8B4;
  --forest-300: #9BB09B;
  --forest-400: #7A967A;
  --forest-500: #5C7A5C;
  --forest-600: #4A634A;
  --forest-700: #3A4D3A;
  --forest-800: #2B382B;
  --forest-850: #232D23;
  --forest-900: #1B221B;
  --forest-950: #141A14;
  --forest-cabbage: #232F25;
  --forest-cabbage-rgb: 35,47,37;
  --forest-energy: #BAA660;
  --forest-energy-dark: #8f6d0a;
  --forest-energy-rgb: 186,166,96;
  --forest-red-50: #FEF2F2;
  --forest-red-100: #FEE2E2;
  --forest-red-150: #FECACA;
  --forest-red-200: #FCA5A5;
  --forest-red-300: #F87171;
  --forest-red-400: #EF4444;
  --forest-red-500: #DC2626;
  --forest-red-600: #B91C1C;
  --forest-red-700: #991B1B;
  --forest-red-800: #7F1D1D;
  --forest-red-850: #6B1A1A;
  --forest-red-900: #5A1616;
  --forest-red-950: #3F0F0F;
  --forest-orange-50: #FFF7ED;
  --forest-orange-100: #FFEDD5;
  --forest-orange-150: #FED7AA;
  --forest-orange-200: #FDBA74;
  --forest-orange-300: #FB923C;
  --forest-orange-400: #F97316;
  --forest-orange-500: #EA580C;
  --forest-orange-600: #DC2626;
  --forest-orange-700: #B45309;
  --forest-orange-800: #92400E;
  --forest-orange-850: #78350F;
  --forest-orange-900: #451A03;
  --forest-orange-950: #2D1B00;
  --forest-yellow-50: #FEFCE8;
  --forest-yellow-100: #FEF3C7;
  --forest-yellow-150: #FDE68A;
  --forest-yellow-200: #FCD34D;
  --forest-yellow-300: #FBBF24;
  --forest-yellow-400: #F59E0B;
  --forest-yellow-500: #D97706;
  --forest-yellow-600: #B45309;
  --forest-yellow-700: #92400E;
  --forest-yellow-800: #78350F;
  --forest-yellow-850: #451A03;
  --forest-yellow-900: #2D1B00;
  --forest-yellow-950: #1F1200;
  --forest-green-50: #F0FDF4;
  --forest-green-100: #DCFCE7;
  --forest-green-150: #BBF7D0;
  --forest-green-200: #86EFAC;
  --forest-green-300: #4ADE80;
  --forest-green-400: #22C55E;
  --forest-green-500: #16A34A;
  --forest-green-600: #15803D;
  --forest-green-700: #166534;
  --forest-green-800: #14532D;
  --forest-green-850: #052E16;
  --forest-green-900: #052E16;
  --forest-green-950: #052E16;
  --forest-cyan-50: #ECFEFF;
  --forest-cyan-100: #CFFAFE;
  --forest-cyan-150: #A5F3FC;
  --forest-cyan-200: #67E8F9;
  --forest-cyan-300: #22D3EE;
  --forest-cyan-400: #06B6D4;
  --forest-cyan-500: #0891B2;
  --forest-cyan-600: #0E7490;
  --forest-cyan-700: #155E75;
  --forest-cyan-800: #164E63;
  --forest-cyan-850: #083344;
  --forest-cyan-900: #083344;
  --forest-cyan-950: #083344;
  --forest-blue-50: #EFF6FF;
  --forest-blue-100: #DBEAFE;
  --forest-blue-150: #BFDBFE;
  --forest-blue-200: #93C5FD;
  --forest-blue-300: #60A5FA;
  --forest-blue-400: #3B82F6;
  --forest-blue-500: #2563EB;
  --forest-blue-600: #1D4ED8;
  --forest-blue-700: #1E40AF;
  --forest-blue-800: #1E3A8A;
  --forest-blue-850: #172554;
  --forest-blue-900: #172554;
  --forest-blue-950: #172554;
  --forest-purple-50: #FAF5FF;
  --forest-purple-100: #F3E8FF;
  --forest-purple-150: #E9D5FF;
  --forest-purple-200: #DDD6FE;
  --forest-purple-300: #C4B5FD;
  --forest-purple-400: #A78BFA;
  --forest-purple-500: #8B5CF6;
  --forest-purple-600: #7C3AED;
  --forest-purple-700: #6D28D9;
  --forest-purple-800: #5B21B6;
  --forest-purple-850: #4C1D95;
  --forest-purple-900: #4C1D95;
  --forest-purple-950: #4C1D95;
  --forest-magenta-50: #FDF2F8;
  --forest-magenta-100: #FCE7F3;
  --forest-magenta-150: #FBCFE8;
  --forest-magenta-200: #F9A8D4;
  --forest-magenta-300: #F472B6;
  --forest-magenta-400: #EC4899;
  --forest-magenta-500: #DB2777;
  --forest-magenta-600: #BE185D;
  --forest-magenta-700: #9D174D;
  --forest-magenta-800: #831843;
  --forest-magenta-850: #500724;
  --forest-magenta-900: #500724;
  --forest-magenta-950: #500724;
}

/* Forest Light Theme */
.theme-forest-light {
  --color-bg-primary: var(--forest-paper);
  --color-bg-primary-rgb: var(--forest-paper-rgb);
  --color-inverted-rgb: var(--forest-black-rgb);
  --color-bg-secondary: var(--forest-50);
  --color-tx-normal: var(--forest-cabbage);
  --color-tx-normal-rgb: var(--forest-cabbage-rgb);
  --color-tx-muted: var(--forest-600);
  --color-tx-faint: var(--forest-300);
  --color-ui-normal: var(--forest-100);
  --color-ui-hover: var(--forest-150);
  --color-ui-active: var(--forest-200);
  --color-ui-muted: var(--forest-150);
  --color-highlight: var(--forest-yellow-100);
  --color-action: var(--forest-energy);
  --color-bg-hover: var(--forest-yellow-50);
  --color-selection: rgba(186,166,96,0.3);
  --color-re: var(--forest-red-600);
  --color-re-hover: var(--forest-red-400);
  --color-or: var(--forest-orange-600);
  --color-or-hover: var(--forest-orange-400);
  --color-ye: var(--forest-energy);
  --color-ye-hover: var(--forest-yellow-400);
  --color-gr: var(--forest-cabbage);
  --color-gr-hover: var(--forest-green-400);
  --color-cy: var(--forest-cyan-600);
  --color-cy-hover: var(--forest-cyan-400);
  --color-bl: var(--forest-blue-600);
  --color-bl-hover: var(--forest-blue-400);
  --color-pu: var(--forest-purple-600);
  --color-pu-hover: var(--forest-purple-400);
  --color-ma: var(--forest-magenta-600);
  --color-ma-hover: var(--forest-magenta-400);
}

/* Forest Dark Theme */
.theme-forest-dark {
  --color-bg-primary: var(--forest-black);
  --color-bg-primary-rgb: var(--forest-black-rgb);
  --color-inverted-rgb: var(--forest-paper-rgb);
  --color-bg-secondary: var(--forest-950);
  --color-tx-normal: var(--forest-energy);
  --color-tx-normal-rgb: var(--forest-energy-rgb);
  --color-tx-muted: var(--forest-300);
  --color-tx-faint: var(--forest-700);
  --color-ui-normal: var(--forest-900);
  --color-ui-hover: var(--forest-850);
  --color-ui-active: var(--forest-800);
  --color-ui-muted: var(--forest-800);
  --color-highlight: var(--forest-yellow-900);
  --color-action: var(--forest-energy-dark);
  --color-bg-hover: var(--forest-950);
  --color-selection: rgba(35,47,37,0.3);
  --color-re: var(--forest-red-400);
  --color-re-hover: var(--forest-red-600);
  --color-or: var(--forest-orange-400);
  --color-or-hover: var(--forest-orange-600);
  --color-ye: var(--forest-energy);
  --color-ye-hover: var(--forest-yellow-400);
  --color-gr: var(--forest-green-400);
  --color-gr-hover: var(--forest-green-600);
  --color-cy: var(--forest-cyan-400);
  --color-cy-hover: var(--forest-cyan-600);
  --color-bl: var(--forest-blue-400);
  --color-bl-hover: var(--forest-blue-600);
  --color-pu: var(--forest-purple-400);
  --color-pu-hover: var(--forest-purple-600);
  --color-ma: var(--forest-magenta-400);
  --color-ma-hover: var(--forest-magenta-600);
}