/* v1.11 -- themes/backend-shiatsu/css/_variables.css */
:root {
  /* ==========================================================================
     LIGHT THEME (DEFAULT)
     ========================================================================== */

  /* --- Brand & Accent Colors --- */
  --primary-color: #233464;
  --accent-color: #2f4a8b;
  --secondary-color: #3b5aa8;

  /* --- Background Colors --- */
  --sidebar-bg: #f8f9fa;
  --submenu-bg: #e9ecef;
  --submenu-level2-bg: #dee2e6;
  --content-bg: #ffffff;
  --dark-bg: #f1f3f5;


  /* --- Text Colors --- */
  --text-color-primary: #212529;
  --text-color-secondary: #6c757d;
  --text-color-light: #343a40;
  --text-color-white: #ffffff;
  --text-color-accent: var(--accent-color);
  --text-on-primary-bg: #ffffff;
  --logo-fill-color: var(--text-color-primary);
  --text-on-white-bg: #333;
  --sidebar-active-text-color: #ffffff; /* NEU: Textfarbe für aktiven Menüpunkt */

  

  /* --- Border & Separator Colors --- */
  --border-color: #dee2e6;
  --border-color-light: #f1f3f5;
  
  /* --- Component Colors --- */
  --link-color: var(--primary-color);
  --link-hover-color: var(--accent-color);
  --panel-bg: #ffffff;
  --panel-header-bg: #f8f9fa;
  --form-control-bg: #ffffff;
  --form-control-border: #ced4da;
  --form-control-text: #233464;
  --form-control-placeholder-color: #6c757d;
  --table-header-bg: #f8f9fa;
  --table-header-color: #6c757d;
  --table-row-hover-bg: #f8fafe;
  --table-stripe-bg: #fafbfc;
  --table-bg: #ffffff;
  --table-border-color: #e9ecef;
  --table-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.06);
  --breadcrumb-link-color: var(--text-color-secondary);
  --breadcrumb-active-color: var(--text-color-primary);
  --header-icon-color: #495057;
  --pagination-bg: #ffffff;
  --pagination-border: #dee2e6;
  --pagination-color: #233464;
  --pagination-hover-bg: #e9ecef;
  --pagination-active-bg: var(--primary-color);
  --pagination-active-color: #ffffff;
  --red-gb: #ac0723;
  --blue-bg: #233464;
}

[data-theme="dark"] {
  /* ==========================================================================
     DARK THEME
     ========================================================================== */

  /* --- Brand & Accent Colors --- */
  --primary-color: #233464;
  --accent-color: #8fa4ef;
  --secondary-color: #5269b2;

  /* --- Background Colors --- */
  --sidebar-bg: #101624;
  --submenu-bg: #172038;
  --submenu-level2-bg: #1f2943;
  --content-bg: #0f1524;
  --dark-bg: #0b0f1b;

  /* --- Text Colors --- */
  --text-color-primary: #e3e9fb;
  --text-color-secondary: #a3afcf;
  --text-color-light: #c5cee8;
  --text-color-white: #ffffff;
  --text-color-accent: var(--accent-color);
  --text-on-primary-bg: #ffffff;
  --logo-fill-color: var(--text-color-primary);
  --sidebar-active-text-color: var(--text-color-white); /* NEU: Textfarbe für aktiven Menüpunkt */

  /* --- Border & Separator Colors --- */
  --border-color: #273252;
  --border-color-light: #1c243b;
  
  /* --- Component Colors --- */
  --link-color: var(--accent-color);
  --link-hover-color: #a8b9ff;
  --panel-bg: #141c30;
  --panel-header-bg: #1a2440;
  --form-control-bg: #182038;
  --form-control-border: #2a375d;
  --form-control-text: #e3e9fb;
  --form-control-placeholder-color: #7f8bb0;
  --table-header-bg: #1a2440;
  --table-header-color: #a3afcf;
  --table-row-hover-bg: #1e2846;
  --table-stripe-bg: #161f36;
  --table-bg: #141c30;
  --table-border-color: #253150;
  --table-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.15);
  --breadcrumb-link-color: var(--text-color-secondary);
  --breadcrumb-active-color: var(--text-color-primary);
  --header-icon-color: #e3e9fb;
  --pagination-bg: #182038;
  --pagination-border: #2a375d;
  --pagination-color: #c8d3f0;
  --pagination-hover-bg: #233055;
  --pagination-active-bg: var(--primary-color);
  --pagination-active-color: #ffffff;
}
/* v1.11 -- themes/backend-shiatsu/css/_variables.css */