/* ==========================================================================
   Casewhere Theme Variables
   --------------------------------------------------------------------------
   All visual/theme-able values are defined here as CSS custom properties.
   Override these in a custom theme stylesheet to re-skin the application
   without touching the core CSS files.
   ========================================================================== */

:root {
    /* ---- Typography ---- */
    --cw-font-size-base: 0.9rem;
    --cw-font-size-small: 0.7rem;
    --cw-body-color: #5e677b;
    /* ---- Sidebar ---- */
    --cw-sidebar-width: 250px;
    --cw-sidebar-collapsed-width: 80px;
    --cw-sidebar-bg: #2c3039;
    --cw-sidebar-color: #fff;
    --cw-sidebar-active-bg: #fff;
    --cw-sidebar-active-color: #2c3039;
    --cw-sidebar-hover-bg: rgba(255, 255, 255, 0.15);
    --cw-sidebar-hover-color: #fff;
    --cw-sidebar-header-height: 71px;
    --cw-sidebar-transition: all 0.3s;
    --cw-sidebar-item-margin: 4px;
    --cw-sidebar-link-min-height: 41px;
    /* ---- Navbar / Top Nav ---- */
    --cw-navbar-bg: #fff;
    --cw-navbar-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    --cw-navbar-padding-y: 10px;
    --cw-navbar-padding-x: 0px;
    --cw-navbar-margin-bottom: 1rem;
    /* ---- Content Area ---- */
    --cw-content-bg: #fff;
    --cw-content-transition: all 0.3s;
    /* ---- Cards ---- */
    --cw-card-border-color: #DADFE9;
    --cw-card-border-radius: 0;
    /* ---- Accent / Brand Colors ---- */
    --cw-accent-color: #009587;
    --cw-accent-hover: #00C9B7;
    /* ---- Links ---- */
    --cw-link-color: #0065d2;
    --cw-link-hover-color: #004c9f;
    --cw-link-focus-outline: 2px solid rgba(0, 101, 210, 0.4);
    --cw-link-focus-outline-offset: 1px;
    /* ---- Data Rows (ui-grid, listview, tables) ---- */
    --cw-row-hover-bg: #f0f4f8;
    --cw-row-selected-bg: #d0e8f2;
    --cw-row-selected-color: inherit;
    --cw-row-stripe-bg: transparent;
    --cw-row-border-color: rgba(0, 0, 0, 0.06);
    /* ---- Pagination ---- */
    --cw-paging-bg: #fafafa;
    --cw-paging-border-color: #f5f5f5;
    --cw-paging-link-color: var(--cw-link-color);
    --cw-paging-link-hover-color: var(--cw-link-hover-color);
    --cw-paging-active-color: var(--cw-btn-success-bg, #0056a0);
    --cw-paging-active-indicator: inset 0px 3px var(--cw-paging-active-color);
    /* ---- Form Controls (inputs, selects, textareas) ---- */
    --cw-input-border-color: #DADFE9;
    --cw-input-focus-border-color: #607d8b;
    --cw-input-focus-shadow: 0 0 0 0.2rem rgba(96, 125, 139, 0.15);
    --cw-input-disabled-bg: #e9ecef;
    --cw-input-disabled-color: #6c757d;
    --cw-input-disabled-opacity: 1;
    --cw-input-readonly-bg: #fff;
    --cw-input-readonly-color: var(--cw-body-color);
    --cw-input-placeholder-color: #b0b0b0;
    --cw-input-border-radius: 0.1px;
    /* ---- Buttons ---- */
    --cw-btn-border-radius: 0;
    --cw-btn-padding: 0.2rem 0.75rem;
    --cw-btn-focus-shadow-alpha: 0.25;
    --cw-btn-disabled-opacity: 0.45;
    --cw-btn-primary-bg: #008345;
    --cw-btn-primary-border: #008345;
    --cw-btn-primary-hover-bg: #005d31;
    --cw-btn-primary-hover-border: #00502a;
    --cw-btn-primary-active-bg: #00502a;
    --cw-btn-primary-active-border: #004323;
    --cw-btn-primary-active-color: #fff;
    --cw-btn-success-bg: #0065d2;
    --cw-btn-success-border: #0065d2;
    --cw-btn-success-hover-bg: #0053ac;
    --cw-btn-success-hover-border: #004c9f;
    --cw-btn-success-active-bg: #004c9f;
    --cw-btn-success-active-border: #004692;
    --cw-btn-link-color: #008345;
    --cw-btn-link-hover-color: #00371d;
    /* ---- Checkbox & Radio ---- */
    --cw-check-focus-border-color: var(--cw-input-focus-border-color);
    --cw-check-focus-shadow: var(--cw-input-focus-shadow);
    --cw-check-checked-bg: var(--cw-btn-primary-bg);
    --cw-check-checked-border: var(--cw-btn-primary-border);
    --cw-check-invalid-bg: #f28380;
    /* ---- Select2 ---- */
    --cw-select2-border-color: var(--cw-input-border-color);
    --cw-select2-focus-border-color: var(--cw-input-focus-border-color);
    --cw-select2-focus-shadow: var(--cw-input-focus-shadow);
    --cw-select2-bg: #fff;
    --cw-select2-color: var(--cw-body-color);
    /* ---- Dropdown Menu ---- */
    --cw-dropdown-bg: #fff;
    --cw-dropdown-border-color: rgba(0, 0, 0, 0.15);
    --cw-dropdown-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
    --cw-dropdown-item-color: var(--cw-body-color);
    --cw-dropdown-item-hover-bg: #f8f9fa;
    --cw-dropdown-item-hover-color: var(--cw-body-color);
    --cw-dropdown-item-active-bg: var(--cw-btn-primary-bg);
    --cw-dropdown-item-active-color: #fff;
    --cw-dropdown-item-focus-bg: #e9ecef;
    --cw-dropdown-item-focus-color: var(--cw-body-color);
    /* ---- Sidenav (legacy #mainNav) ---- */
    --cw-sidenav-bg: #2c3039;
    --cw-sidenav-link-color: #fff;
    --cw-sidenav-link-active-color: #5e677b;
    --cw-sidenav-link-active-bg: #e5e5e5;
    --cw-sidenav-link-hover-color: #5e677b;
    --cw-sidenav-link-hover-bg: #e5e5e5;
    /* ---- Modals ---- */
    --cw-modal-header-bg: #2c3039;
    --cw-modal-header-color: #fff;
    --cw-modal-header-padding: 0.65rem 1rem;
    --cw-modal-header-border: none;
    --cw-modal-btn-color: #fff;
    --cw-modal-btn-opacity: 0.7;
    --cw-modal-btn-hover-opacity: 1;
    --cw-modal-footer-bg: #f8f9fa;
    --cw-modal-footer-border-top: 1px solid #dee2e6;
    --cw-modal-footer-padding: 0.625rem 1rem;
    /* ---- Page Title (shell context — inside #cw-content-wrapper) ---- */
    --cw-page-title-font-size: 1.25rem;
    --cw-page-title-font-weight: 500;
    --cw-page-title-color: var(--cw-body-color);
    --cw-page-title-bg: transparent;
    --cw-page-title-margin-bottom: 1rem;
    /* ---- Loader ---- */
    --cw-loader-overlay-bg: rgba(255, 255, 255, 0.6);
    /* ---- Workflow Steps ---- */
    --cw-wf-step-active-bg: #dae6f0;
    --cw-wf-step-done-bg: #dff0d8;
    --cw-wf-step-disabled-bg: #eeeeee;
}