:root {
--accent-color: #68ff68;

 /* Accent icon filter approximation (light green) */
--accent-icon: sepia(0.4) saturate(1800%) hue-rotate(80deg) brightness(1.1);

 /* Backgrounds */
--bg-base: rgb(10, 40, 10);
--bg-surface: rgb(15, 50, 15);
--bg-deep: rgb(5, 30, 5);
--bg-elevated: rgb(25, 70, 25);
--bg-hover: rgb(30, 80, 30);

 /* Sidebar / Menus */
--bg-sidebar: rgb(15, 50, 15);
--bg-btn-menu: rgb(10, 40, 10);
--sidebar-icon-color: brightness(0) invert(1);
--sidebar-icon-hover: brightness(1.2) invert(1);

 /* Text colors */
--text-base: white;
--text-surface: white;
--text-elevated: white;
--text-deep: white;
--text-btn-menu: white;

 /* Secondary / muted text */
--text-color-secondary: #a8d5a8;
--subtext-color: #a8d5a8;

 /* Icon color (general icons) */
--icon-color: brightness(0) invert(1);

 /* Font sizes */
--fs-xxs: 8px;
--fs-xs: 10px;
--fs-sm: 12px;
--fs-md: 14px;
--fs-lg: 16px;
--fs-xl: 18px;

 /* Button Accent Colors */
--btn-accent-background: var(--accent-color);
--btn-accent-color: #000000;
--btn-accent-icon: brightness(0) invert(1);

 /* Scroll Bar */
--scrollbar-track-color: var(--bg-surface);
--scrollbar-thumb-color: var(--bg-elevated);
--scrollbar-thumb-hover-color: var(--bg-hover);

/* Image Color */
--image-color: brightness(1);
}