/*
 * Heale — default theme variables
 *
 * Defines --brand-* and --sidebar-* custom properties.
 * Structural .sidebar-* classes live in public/themes/global.css (loaded first).
 *
 * Sidebar style: light — white background, navy active pill.
 */

:root {
  /* Brand */
  --brand-primary:      #0a3373;
  --brand-primary-dark: #082b60;
  --brand-secondary:    #4374f3;
  --brand-accent:       #ff6733;
  --brand-bg:           #fffdfb;
  --brand-radius:       0.625rem;
  --brand-font:         Inter;

  /* Sidebar */
  --sidebar-bg:            #ffffff;
  --sidebar-width:         240px;
  --sidebar-border-right:  1px solid #e5e7eb;
  --sidebar-padding:       24px 0;

  --sidebar-logo-img-filter: none;
  --sidebar-logo-text-color: #0a3373;

  --sidebar-item-padding:      10px 12px;
  --sidebar-item-margin:       0 12px;
  --sidebar-item-margin-x:     12px;
  --sidebar-item-radius:       8px;
  --sidebar-item-font-size:    14px;
  --sidebar-item-gap:          10px;

  --sidebar-item-color:        #374151;
  --sidebar-item-color-active: #ffffff;
  --sidebar-item-bg-active:    #0a3373;
  --sidebar-item-bg-hover:     #f0f4ff;

  --sidebar-icon-color:        #6b7280;
  --sidebar-icon-color-active: #ffffff;

  --sidebar-subitem-padding:        8px 12px 8px 40px;
  --sidebar-subitem-font-size:      13px;
  --sidebar-subitem-color:          #6b7280;
  --sidebar-subitem-color-active:   #ffffff;
  --sidebar-subitem-bg-active:      #0a3373;

  --sidebar-badge-bg:    #ff6733;
  --sidebar-badge-color: #ffffff;

  --sidebar-footer-border:    1px solid #e5e7eb;
  --sidebar-footer-color:     #374151;
  --sidebar-footer-sub-color: #9ca3af;

  --sidebar-avatar-bg:    #4374f3;
  --sidebar-avatar-color: #ffffff;

  /* Login right panel */
  --login-right-bg:              rgb(220, 231, 253);
  --login-right-heading-color:   rgb(49, 104, 242);
  --login-right-heading-weight:  600;
  --login-right-heading-size:    40px;
}