/**
    SIVEC Guttsaach Custom Colors - Based on Design System
    This file overrides Tabler's default colors with SIVEC brand colors.
    Place this file after color-adjustments.css in your theme config.
*/

@charset "UTF-8";
:root, [data-bs-theme=light], [data-menu-theme=light] {
    /* SIVEC Primary Colors */
    --tblr-primary: #6BB52E; /* Bright Green */
    --tblr-secondary: #215452; /* Dark Green */
    --tblr-success: #6BB52E; /* Bright Green for success states */
    --tblr-info: #215452; /* Dark Green for info */
    --tblr-warning: #FDBB33; /* Yellow */
    --tblr-danger: #df4759; /* Keep existing red */
    --tblr-light: #F7F7F4; /* Background color */
    --tblr-dark: #08170F; /* Body text color */
    --tblr-muted: #D1D4D2; /* Dark grey */
    --tblr-tabler: #6BB52E; /* Use bright green as main brand */

    /* RGB Values for SIVEC Colors */
    --tblr-primary-rgb: 107, 181, 46; /* Bright Green RGB */
    --tblr-secondary-rgb: 33, 84, 82; /* Dark Green RGB */
    --tblr-success-rgb: 107, 181, 46; /* Bright Green RGB */
    --tblr-info-rgb: 33, 84, 82; /* Dark Green RGB */
    --tblr-warning-rgb: 253, 187, 51; /* Yellow RGB */
    --tblr-danger-rgb: 223, 71, 89; /* Keep existing red */
    --tblr-light-rgb: 247, 247, 244; /* Background RGB */
    --tblr-dark-rgb: 8, 23, 15; /* Body text RGB */
    --tblr-muted-rgb: 209, 212, 210; /* Dark grey RGB */
    --tblr-tabler-rgb: 107, 181, 46; /* Bright Green RGB */

    /* Text Emphasis Colors */
    --tblr-primary-text-emphasis: #2d4812; /* Darker bright green */
    --tblr-secondary-text-emphasis: #0d1b1a; /* Darker dark green */
    --tblr-success-text-emphasis: #2d4812; /* Darker bright green */
    --tblr-info-text-emphasis: #0d1b1a; /* Darker dark green */
    --tblr-warning-text-emphasis: #664d03; /* Darker yellow */
    --tblr-danger-text-emphasis: #591c24; /* Keep existing */
    --tblr-light-text-emphasis: #08170F; /* Body text */
    --tblr-dark-text-emphasis: #08170F; /* Body text */

    /* Background Subtle Colors */
    --tblr-primary-bg-subtle: #e8f5d8; /* Light bright green */
    --tblr-secondary-bg-subtle: #d4ddd9; /* Light dark green */
    --tblr-success-bg-subtle: #e8f5d8; /* Light bright green */
    --tblr-info-bg-subtle: #d4ddd9; /* Light dark green */
    --tblr-warning-bg-subtle: #fef4d9; /* Light yellow */
    --tblr-danger-bg-subtle: #f9dade; /* Keep existing */
    --tblr-light-bg-subtle: #F7F7F4; /* Background */
    --tblr-dark-bg-subtle: #c4c7c5; /* Light grey */

    /* Border Subtle Colors */
    --tblr-primary-border-subtle: #d1eab1; /* Medium bright green */
    --tblr-secondary-border-subtle: #a9bbb3; /* Medium dark green */
    --tblr-success-border-subtle: #d1eab1; /* Medium bright green */
    --tblr-info-border-subtle: #a9bbb3; /* Medium dark green */
    --tblr-warning-border-subtle: #fce89c; /* Medium yellow */
    --tblr-danger-border-subtle: #f2b5bd; /* Keep existing */
    --tblr-light-border-subtle: #D1D4D2; /* Dark grey */
    --tblr-dark-border-subtle: #5c6660; /* Darker grey */

    /* Body and Layout Colors */
    --tblr-body-color: #08170F; /* Body text color */
    --tblr-body-color-rgb: 8, 23, 15; /* Body text RGB */
    --tblr-body-bg: #F7F7F4; /* Background color */
    --tblr-body-bg-rgb: 247, 247, 244; /* Background RGB */
    --tblr-emphasis-color: #08170F; /* Emphasis text */
    --tblr-emphasis-color-rgb: 8, 23, 15; /* Emphasis text RGB */

    /* Secondary Colors */
    --tblr-secondary-color: rgba(8, 23, 15, .75); /* 75% body text */
    --tblr-secondary-color-rgb: 8, 23, 15; /* Body text RGB */
    --tblr-secondary-bg: #D1D4D2; /* Dark grey */
    --tblr-secondary-bg-rgb: 209, 212, 210; /* Dark grey RGB */

    /* Tertiary Colors */
    --tblr-tertiary-color: rgba(8, 23, 15, .5); /* 50% body text */
    --tblr-tertiary-color-rgb: 8, 23, 15; /* Body text RGB */
    --tblr-tertiary-bg: #F7F7F4; /* Background */
    --tblr-tertiary-bg-rgb: 247, 247, 244; /* Background RGB */

    /* Link Colors */
    --tblr-link-color: #6BB52E; /* Bright green */
    --tblr-link-color-rgb: 107, 181, 46; /* Bright green RGB */
    --tblr-link-hover-color: #5a9926; /* Darker bright green */
    --tblr-link-hover-color-rgb: 90, 153, 38; /* Darker bright green RGB */

    /* Border and Focus Colors */
    --tblr-border-color: #D1D4D2; /* Dark grey */
    --tblr-border-color-translucent: rgba(209, 212, 210, .16);
    --tblr-focus-ring-color: rgba(107, 181, 46, .25); /* Bright green with opacity */

    /* Form Colors */
    --tblr-form-valid-color: #6BB52E; /* Bright green */
    --tblr-form-valid-border-color: #6BB52E; /* Bright green */
    --tblr-form-invalid-color: #df4759; /* Keep existing red */
    --tblr-form-invalid-border-color: #df4759; /* Keep existing red */

    /* Additional SIVEC Specific Variables */
    --tblr-danger-text: var(--tblr-danger);
    --tblr-navbar-border-color: transparent;
    --bg-switch-checked-color: var(--tblr-primary);

    /* Gray Scale using SIVEC colors */
    --tblr-gray: #D1D4D2; /* Dark grey */
    --tblr-gray-dark: #08170F; /* Body text */
    --tblr-gray-100: #F7F7F4; /* Background */
    --tblr-gray-200: #e8eae9; /* Lighter grey */
    --tblr-gray-300: #d4d7d5; /* Light grey */
    --tblr-gray-400: #D1D4D2; /* Dark grey */
    --tblr-gray-500: #a5a9a7; /* Medium grey */
    --tblr-gray-600: #79817d; /* Darker grey */
    --tblr-gray-700: #4d5653; /* Very dark grey */
    --tblr-gray-800: #222a26; /* Almost black */
    --tblr-gray-900: #08170F; /* Body text */
}

[data-bs-theme=dark], [data-menu-theme=dark] {
    /* Dark theme adjustments using SIVEC colors */
    --tblr-body-color: #D1D4D2; /* Dark grey for text */
    --tblr-body-color-rgb: 209, 212, 210; /* Dark grey RGB */
    --tblr-body-bg: #08170F; /* Body text as background */
    --tblr-body-bg-rgb: 8, 23, 15; /* Body text RGB */
    --tblr-emphasis-color: #F7F7F4; /* Background as emphasis */
    --tblr-emphasis-color-rgb: 247, 247, 244; /* Background RGB */

    /* Secondary colors for dark theme */
    --tblr-secondary-color: rgba(209, 212, 210, .75); /* 75% dark grey */
    --tblr-secondary-color-rgb: 209, 212, 210; /* Dark grey RGB */
    --tblr-secondary-bg: #1a2e21; /* Dark version of dark green */
    --tblr-secondary-bg-rgb: 26, 46, 33; /* Dark green variant RGB */

    /* Tertiary colors for dark theme */
    --tblr-tertiary-color: rgba(209, 212, 210, .5); /* 50% dark grey */
    --tblr-tertiary-color-rgb: 209, 212, 210; /* Dark grey RGB */
    --tblr-tertiary-bg: #0f1f14; /* Darker version */
    --tblr-tertiary-bg-rgb: 15, 31, 20; /* Darker RGB */

    /* Text emphasis for dark theme */
    --tblr-primary-text-emphasis: #9ed66b; /* Lighter bright green */
    --tblr-secondary-text-emphasis: #6b8f85; /* Lighter dark green */
    --tblr-success-text-emphasis: #9ed66b; /* Lighter bright green */
    --tblr-info-text-emphasis: #6b8f85; /* Lighter dark green */
    --tblr-warning-text-emphasis: #ffda6a; /* Lighter yellow */
    --tblr-danger-text-emphasis: #ec919b; /* Keep existing */
    --tblr-light-text-emphasis: #F7F7F4; /* Background */
    --tblr-dark-text-emphasis: #D1D4D2; /* Dark grey */

    /* Background subtle for dark theme */
    --tblr-primary-bg-subtle: #1a2e0e; /* Very dark bright green */
    --tblr-secondary-bg-subtle: #0d1b1a; /* Very dark dark green */
    --tblr-success-bg-subtle: #1a2e0e; /* Very dark bright green */
    --tblr-info-bg-subtle: #0d1b1a; /* Very dark dark green */
    --tblr-warning-bg-subtle: #332701; /* Very dark yellow */
    --tblr-danger-bg-subtle: #2d0e12; /* Keep existing */
    --tblr-light-bg-subtle: #1a2e21; /* Dark variant */
    --tblr-dark-bg-subtle: #05100a; /* Very dark */

    /* Border subtle for dark theme */
    --tblr-primary-border-subtle: #2d4812; /* Dark bright green */
    --tblr-secondary-border-subtle: #1a332f; /* Dark dark green */
    --tblr-success-border-subtle: #2d4812; /* Dark bright green */
    --tblr-info-border-subtle: #1a332f; /* Dark dark green */
    --tblr-warning-border-subtle: #997404; /* Dark yellow */
    --tblr-danger-border-subtle: #862b35; /* Keep existing */
    --tblr-light-border-subtle: #2a3d2f; /* Dark variant */
    --tblr-dark-border-subtle: #1a2e21; /* Dark variant */

    /* Link colors for dark theme */
    --tblr-link-color: #9ed66b; /* Lighter bright green */
    --tblr-link-hover-color: #b5e085; /* Even lighter bright green */
    --tblr-link-color-rgb: 158, 214, 107; /* Lighter bright green RGB */
    --tblr-link-hover-color-rgb: 181, 224, 133; /* Even lighter RGB */

    /* Other dark theme colors */
    --tblr-code-color: #9ed66b; /* Lighter bright green */
    --tblr-border-color: #2a3d2f; /* Dark border */
    --tblr-border-color-translucent: var(--tblr-border-color);
    --tblr-form-valid-color: #9ed66b; /* Lighter bright green */
    --tblr-form-valid-border-color: #9ed66b; /* Lighter bright green */
    --tblr-form-invalid-color: #d69090; /* Keep existing */
    --tblr-form-invalid-border-color: #d69090; /* Keep existing */

    /* Dark theme specific backgrounds */
    --tblr-bg-surface: #1a2e21; /* Dark surface */
    --tblr-navbar-bg: var(--tblr-bg-surface); /* Navbar background */
    --tblr-dark-mode-border-color: #2a3d2f; /* Dark border */
    --tblr-bg-main-color: #08170F; /* Main background */
    --tblr-bg-forms: var(--tblr-dark-mode-border-color); /* Form backgrounds */
    --tblr-danger-text: var(--tblr-danger);
    --tblr-danger: #E25A6A; /* Keep existing danger */
    --tblr-danger-rgb: 226, 90, 106; /* Keep existing danger RGB */
    --tblr-navbar-color: rgba(209, 212, 210, 0.7); /* Navbar text color */
    --tblr-bg-surface-tertiary: #ffffff02; /* Keep existing */
    --tblr-navbar-border-color: transparent;
}