/**
    This file declares css color variables for branding purposes.
    Theme based on #3fae49 (grass green) as the primary color.
*/

@charset "UTF-8";
:root {
    --tblr-navbar-bg: #3fae49; /* Green navbar background */
    --tblr-navbar-color: #ffffff;  /* White text on green navbar */
}
:root, [data-bs-theme=light], [data-menu-theme=light] {
    /* Gray palette with green undertones */
    --tblr-gray: #4c6c4e;
    --tblr-gray-dark: #213b24;
    --tblr-gray-100: #f1f9f2;
    --tblr-gray-200: #e2f0e4;
    --tblr-gray-300: #c8e1cb;
    --tblr-gray-400: #a6cba9;
    --tblr-gray-500: #73916f;
    --tblr-gray-600: #4c6c4e;
    --tblr-gray-700: #335236;
    --tblr-gray-800: #213b24;
    --tblr-gray-900: #162a18;
    
    /* Main colors */
    --tblr-primary: #3fae49;
    --tblr-secondary: #5d6c5e;
    --tblr-success: #42ba69;
    --tblr-info: #46a7d0;
    --tblr-warning: #f2a23a;
    --tblr-danger: #e25241;
    --tblr-light: #f8fcf8;
    --tblr-dark: #213b24;
    --tblr-muted: #667066;  /* Adjusted to be more visible in light mode */
    --tblr-tabler: #3fae49;
    
    /* RGB values for colors */
    --tblr-primary-rgb: 52, 164, 62; /* Was too green 63, 174, 73;*/
    --tblr-secondary-rgb: 93, 108, 94;
    --tblr-success-rgb: 66, 186, 105;
    --tblr-info-rgb: 70, 167, 208;
    --tblr-warning-rgb: 242, 162, 58;
    --tblr-danger-rgb: 226, 82, 65;
    --tblr-light-rgb: 248, 252, 248;
    --tblr-dark-rgb: 33, 59, 36;
    --tblr-muted-rgb: 102, 112, 102;  /* RGB values for muted */
    --tblr-tabler-rgb: 63, 174, 73;
    
    /* Text emphasis colors */
    --tblr-primary-text-emphasis: #1a461e;
    --tblr-secondary-text-emphasis: #3e493f;
    --tblr-success-text-emphasis: #1b4a2b;
    --tblr-info-text-emphasis: #1c4353;
    --tblr-warning-text-emphasis: #664118;
    --tblr-danger-text-emphasis: #59211c;
    --tblr-light-text-emphasis: #335236;
    --tblr-dark-text-emphasis: #335236;
    
    /* Background subtle colors */
    --tblr-primary-bg-subtle: #e1f4e2;
    --tblr-secondary-bg-subtle: #edf0ed;
    --tblr-success-bg-subtle: #d9f1e2;
    --tblr-info-bg-subtle: #daedf6;
    --tblr-warning-bg-subtle: #fdf0da;
    --tblr-danger-bg-subtle: #f9dad7;
    --tblr-light-bg-subtle: #f8fcf8;
    --tblr-dark-bg-subtle: #a0bba3;
    
    /* Border subtle colors */
    --tblr-primary-border-subtle: #bde5c0;
    --tblr-secondary-border-subtle: #dbe0dc;
    --tblr-success-border-subtle: #b3e3c5;
    --tblr-info-border-subtle: #b5daec;
    --tblr-warning-border-subtle: #fae1b5;
    --tblr-danger-border-subtle: #f2b5ae;
    --tblr-light-border-subtle: #e2f0e4;
    --tblr-dark-border-subtle: #73916f;
    
    /* Body styling */
    --tblr-body-font-size: 0.875rem;
    --tblr-body-font-weight: 400;
    --tblr-body-line-height: 1.4285714286;
    --tblr-body-color: #213b24;
    --tblr-body-color-rgb: 33, 59, 36;
    --tblr-body-bg: #f4f8f5; /* This green was too much #f1f9f2; */
    --tblr-body-bg-rgb: 241, 249, 242;
    
    /* Emphasis and additional colors */
    --tblr-emphasis-color: #000;
    --tblr-emphasis-color-rgb: 0, 0, 0;
    --tblr-secondary-color: rgba(33, 59, 36, .75);
    --tblr-secondary-color-rgb: 33, 59, 36;
    --tblr-secondary-bg: #e2f0e4;
    --tblr-secondary-bg-rgb: 226, 240, 228;
    --tblr-tertiary-color: rgba(33, 59, 36, .5);
    --tblr-tertiary-color-rgb: 33, 59, 36;
    --tblr-tertiary-bg: #f1f9f2;
    --tblr-tertiary-bg-rgb: 241, 249, 242;
    
    /* Link colors */
    --tblr-link-color: #338e3a;
    --tblr-link-color-rgb: 63, 174, 73;
    --tblr-link-hover-color: #338a3a;
    --tblr-link-hover-color-rgb: 51, 138, 58;
    
    /* Border and UI elements */
    --tblr-border-color: #e7ede7;
    --tblr-border-color-translucent: rgba(93, 108, 94, .16);
    --tblr-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
    --tblr-focus-ring-width: 0.25rem;
    --tblr-focus-ring-opacity: 0.25;
    --tblr-focus-ring-color: rgba(63, 174, 73, .25);
    
    /* Form validation */
    --tblr-form-valid-color: #42ba69;
    --tblr-form-valid-border-color: #42ba69;
    --tblr-form-invalid-color: #e25241;
    --tblr-form-invalid-border-color: #e25241;
    
    /* Additional elements */
    --tblr-danger-text: var(--tblr-danger);
    --tblr-navbar-border-color: transparent;
    --bg-switch-checked-color: var(--tblr-primary);
}

[data-bs-theme=dark], [data-menu-theme=dark] {
    /* Main content colors - using neutral whites instead of light greens */
    --tblr-body-color: #e2e2e2;  /* Light neutral gray for main text */
    --tblr-body-color-rgb: 226, 226, 226;
    --tblr-body-bg: #151e15;
    --tblr-body-bg-rgb: 21, 30, 21;
    
    --tblr-emphasis-color: #fff;
    --tblr-emphasis-color-rgb: 255, 255, 255;
    --tblr-secondary-color: rgba(226, 226, 226, .75);  /* Neutral gray with opacity */
    --tblr-secondary-color-rgb: 226, 226, 226;
    --tblr-secondary-bg: #213b24;
    --tblr-secondary-bg-rgb: 33, 59, 36;
    --tblr-tertiary-color: rgba(226, 226, 226, .5);  /* Neutral gray with opacity */
    --tblr-tertiary-color-rgb: 226, 226, 226;
    --tblr-tertiary-bg: #162a18;
    --tblr-tertiary-bg-rgb: 22, 42, 24;
    
    /* Adjusted muted color to be more visible in dark mode */
    --tblr-muted: #b4b4b4;  /* Lighter gray for better visibility */
    --tblr-muted-rgb: 180, 180, 180;
    
    /* Text emphasis colors for dark mode - using more neutral tones */
    --tblr-primary-text-emphasis: #95d39c;  /* Slightly more muted green */
    --tblr-secondary-text-emphasis: #d4d4d4;  /* Neutral light gray */
    --tblr-success-text-emphasis: #8ed6a6;
    --tblr-info-text-emphasis: #90cce3;
    --tblr-warning-text-emphasis: #ffd16a;
    --tblr-danger-text-emphasis: #ec9a91;
    --tblr-light-text-emphasis: #f1f1f1;  /* Neutral white */
    --tblr-dark-text-emphasis: #d4d4d4;  /* Neutral light gray */
    
    /* Background subtle colors for dark mode */
    --tblr-primary-bg-subtle: #153017;
    --tblr-secondary-bg-subtle: #212522;
    --tblr-success-bg-subtle: #0d251a;
    --tblr-info-bg-subtle: #0e2a2a;
    --tblr-warning-bg-subtle: #332701;
    --tblr-danger-bg-subtle: #2d120e;
    --tblr-light-bg-subtle: #213b24;
    --tblr-dark-bg-subtle: #0f1e10;
    
    /* Border subtle colors for dark mode */
    --tblr-primary-border-subtle: #2a6232;
    --tblr-secondary-border-subtle: #414a41;
    --tblr-success-border-subtle: #287042;
    --tblr-info-border-subtle: #2a647d;
    --tblr-warning-border-subtle: #996104;
    --tblr-danger-border-subtle: #862f26;
    --tblr-light-border-subtle: #29322a;
    --tblr-dark-border-subtle: #213b24;
    
    /* Link colors for dark mode - preserving green but ensuring sufficient contrast */
    --tblr-link-color: #58c860;  /* Brighter green for links only */
    --tblr-link-hover-color: #7dd984;
    --tblr-link-color-rgb: 88, 200, 96;
    --tblr-link-hover-color-rgb: 125, 217, 132;
    
    /* Code colors - keeping accent color for code */
    --tblr-code-color: #58c860;
    
    /* Border colors */
    --tblr-border-color: #1e2d1f;
    --tblr-border-color-translucent: var(--tblr-border-color);
    
    /* Form validation for dark mode */
    --tblr-form-valid-color: #93c29f;
    --tblr-form-valid-border-color: #93c29f;
    --tblr-form-invalid-color: #d69090;
    --tblr-form-invalid-border-color: #d69090;
    
    /* Surface and UI colors */
    --tblr-bg-surface: #1e2d20;
    --tblr-navbar-bg: #3fae49;  /* Green navbar background */
    --tblr-navbar-color: #ffffff;  /* White text on green navbar */
    --tblr-dark-mode-border-color: #2b3b2c;
    --tblr-bg-main-color: #151e15;
    --tblr-bg-forms: var(--tblr-dark-mode-border-color);
    --tblr-danger-text: var(--tblr-danger);
    --tblr-danger: #E25A5A;
    --tblr-danger-rgb: 226, 90, 90;
    --tblr-bg-surface-tertiary: #ffffff02;
    --tblr-navbar-border-color: #338a3a;  /* Darker green for navbar border */
    
    /* Navbar hover and active states */
    --tblr-navbar-active-bg: #338a3a;
    --tblr-navbar-active-text: #ffffff;
    --tblr-navbar-hover-bg: #4bc457;
    --tblr-navbar-hover-text: #ffffff;
}