:root {
    /* === Core Palette === */
    --global-color-transparent: transparent;
    --global-color-initial: initial;
    --global-color-white: #ffffff;
    --global-color-black: #000000;

    /* === Semantic Colors === */
    --global-color-primary: #0d6efd;
    --global-color-primary-light: #7eade1;
    --global-color-primary-lighter: #a0c8ff;
    --global-color-primary-dark: #0a58ca;
    --global-color-warning: #ffc107;
    --global-color-info: #0dcaf0;

    /* === Text Colors === */
    --global-text-color-default: #212529;
    --global-text-color-default-light: #ECF0F1; /* For text on dark primary backgrounds */
    --global-text-color-secondary: #1f2937;
    --global-text-color-muted: #6c757d;
    --global-text-color-disabled: #adb5bd;
    --global-text-color-white: var(--global-color-white);
    --global-text-color-black: var(--global-color-black);

    /* === Background Colors === */
    --global-bg-color-light-hover: #e9ecef; /* General hover for light elements */
    --global-bg-color-header-dark: #2a2d32; /* For main headers or distinct dark sections */
    --global-bg-primary-element: #2C3E50; /* Primary bg for navigation, sidebars */
    --global-bg-primary-element-hover: #34495E; /* Hover for primary bg elements */
    --global-bg-color-light-gray-1: #f9f9f9; /* Subtle backgrounds, off-white sections */
    --global-bg-color-light-gray-2: #f8f9fa; /* Main page backgrounds, card surfaces */
    --global-bg-color-light-gray-3: #f1f3f4; /* UI elements, hover states, dividers */
    --global-bg-color-selected-item: #cfe2ff; /* For selected items in lists/tables */
    --global-bg-neutral-element-active: #ced4da; /* Active state for neutral UI elements */
    --global-bg-color-white: var(--global-color-white);
    --global-bg-color-transparent: var(--global-color-transparent);
    /* Semantic Background Colors */
    --global-bg-color-secondary-active: #6c757d;
    --global-bg-color-success-active: #198754;
    --global-bg-color-danger-active: #dc3545;
    --global-bg-color-danger-hover: #fdd5d5;
    --global-bg-color-secondary-hover: #d1d5db;
    --global-bg-color-secondary-hover-darker: #0c0c0c; /* Darker hover for secondary elements */

    /* === Border Colors === */
    --global-border-color-light: #eeeeee;       /* Lightest border, subtle separation */
    --global-border-color-medium: #ced4da;      /* Standard border for forms, cards */
    --global-border-color-dark: #374151;        /* Stronger border, high contrast */
    --global-border-primary-element: #4A6572;  /* Border for primary bg elements */
    --global-border-color-dark-gray: #888888;   /* Alternative dark border */
    --global-border-color-overlay: rgba(0,0,0,.15); /* For overlays or subtle shadows as borders */
    --global-border-width: 1px;                 /* Default border width */

    /* === Icon Colors === */
    --global-icon-color-default: #1f2937;
    --global-icon-color-hover: #4b5563;
    --global-icon-color-muted: #6c757d;
    --global-icon-color-disabled: #adb5bd;
    --global-icon-bg-color: var(--global-bg-color-light-gray-2); /* General bg for icon containers if needed */

    /* === Component Theme Colors - Buttons === */
    /* Small Round Icon Buttons - Colors */
    --global-icon-button-round-sm-bg-color: var(--global-color-transparent);
    --global-icon-button-round-sm-text-color: var(--global-text-color-muted);
    --global-icon-button-round-sm-hover-bg-color: var(--global-color-transparent);
    --global-icon-button-round-sm-hover-text-color: var(--global-bg-color-secondary-hover-darker);
    /* Rectangular Toolbar Icon Buttons - Colors */
    --global-toolbar-icon-button-text-color: var(--global-text-color-muted);
    --global-toolbar-icon-button-bg-color: var(--global-color-transparent);
    --global-toolbar-icon-button-hover-text-color: var(--global-bg-color-secondary-hover-darker);
    --global-toolbar-icon-button-hover-bg-color: var(--global-bg-color-secondary-hover);
    --global-toolbar-icon-button-disabled-text-color: var(--global-text-color-disabled);
    --global-toolbar-icon-button-disabled-bg-color: var(--global-color-transparent);
    /* Close/Clear Buttons - Colors & Opacity */
    --global-close-button-color: var(--global-text-color-muted);
    --global-close-button-hover-color: var(--global-bg-color-secondary-hover-darker);
    --global-close-button-bg-color: var(--global-color-transparent);
    --global-close-button-hover-bg-color: var(--global-color-transparent);
    --global-close-button-opacity: 0.75;
    --global-close-button-hover-opacity: 1;

    /* === Component Theme Colors - Tables === */
    --global-table-bg-color: var(--global-bg-color-white);
    --global-table-text-color: var(--global-text-color-secondary);
    --global-table-border-color: var(--global-border-color-dark-gray);
    --global-table-striped-bg-color: var(--global-bg-color-light-gray-1);
    --global-table-row-hover-bg-color: var(--global-bg-color-light-hover);
    --global-table-header-bg-color: var(--global-bg-primary-element);
    --global-table-header-text-color: var(--global-text-color-default-light);

    /* === Component Theme Colors - Forms === */
    --global-form-input-border-color: var(--global-border-color-medium);
    /* Checkbox Teal Theme - Colors */
    --global-color-teal-checkbox: #66f0c2;
    --global-color-teal-checkbox-border: #50e0b2;
    --global-color-teal-checkbox-focus-shadow-color: rgba(102, 240, 194, 0.25); /* Color for focus ring */
    --global-color-teal-checkbox-disabled-bg: rgba(102, 240, 194, 0.4);
    --global-color-teal-checkbox-disabled-border: rgba(80, 224, 178, 0.4);


    /* === Typography === */
    --global-font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    /* Font Sizes */
    --global-font-size-xxs: 0.8rem;
    --global-font-size-xs: 0.75rem;
    --global-font-size-sm: 0.85rem;
    --global-font-size-md: 0.875rem;
    --global-font-size-lg: 0.95rem;
    --global-font-size-base: 1em; /* Base for relative sizing */
    --global-font-size-0-9em: 0.9em; /* Specific relative size */
    /* Line Heights */
    --global-line-height-base: 1.5;
    --global-line-height-tight: 1;

    /* === Spacing === */
    --global-spacing-unit: 0.25rem; /* 4px, base unit for calc */
    --global-spacing-xxs: calc(0.5 * var(--global-spacing-unit));  /* 2px (0.125rem) */
    --global-spacing-xs: var(--global-spacing-unit);             /* 4px (0.25rem) */
    --global-spacing-sm: calc(1.5 * var(--global-spacing-unit));  /* 6px (0.375rem) */
    --global-spacing-md: calc(2 * var(--global-spacing-unit));    /* 8px (0.5rem) */
    --global-spacing-lg: calc(3 * var(--global-spacing-unit));    /* 12px (0.75rem) */
    --global-spacing-xl: calc(4 * var(--global-spacing-unit));    /* 16px (1rem) */
    /* Specific spacing values if absolutely needed globally, prefer units */
    --global-spacing-10px: 10px;
    --global-spacing-15px: 15px;

    /* === Border Radii === */
    --global-border-radius-sm: 0.25rem;
    --global-border-radius-md: 0.375rem;
    --global-border-radius-round: 50%;
    --global-toolbar-icon-button-border-radius: var(--global-border-radius-sm); /* For .btn-toolbar-icon */

    /* === Opacity === */
    --global-opacity-blink-half: 0.2; /* For blinking animations */
    --global-opacity-full: 1;
    --global-opacity-hidden: 0;
    --global-opacity-form-disabled: 0.7; /* Standard opacity for disabled form elements */

    /* === Box Shadows === */
    --global-box-shadow-dropdown: 0 .5rem 1rem rgba(0,0,0,.175); /* General dropdown shadow */
    --global-box-shadow-button-hover-overlay: rgba(0, 0, 0, 0.1); /* Subtle overlay for button hover */

    /* === Animations & Transitions === */
    --global-transition-duration-fast: 0.1s;
    --global-transition-duration-normal: 0.15s;
    --global-transition-duration-medium: 0.2s;
    --global-transition-timing-function-ease-in-out: ease-in-out;
    --global-transition-timing-function-ease-out: ease-out;
    --global-transition-timing-function-linear: linear;
    --global-animation-duration-blink: 1.5s;
    --global-animation-timing-function-infinite: infinite;

    /* === Z-index Scale === */
    --global-z-index-default: 1;
    --global-z-index-overlay-element: 0; /* For background of overlays */
    --global-z-index-overlay-content: 1; /* For content within overlays */
    --global-z-index-sticky: 1020;
    --global-z-index-fixed: 1030;
    --global-z-index-dropdown: 1050; /* Ensure dropdowns are above most elements */
    --global-z-index-modal-backdrop: 1050; /* Bootstrap's default is 1040, but dropdown is 1000. Setting higher. */
    --global-z-index-modal: 1055;          /* Bootstrap's default is 1050. Setting higher. */
    --global-z-index-popover: 1070;        /* Bootstrap's default is 1060 */
    --global-z-index-tooltip: 1080;        /* Bootstrap's default is 1070 */

    /* === Overflow Utilities === */
    --global-overflow-y-auto: auto;
}