/* ============================================================
   base/theme-global.css
   Extracted from base.html <style> block 2 (lines 3110-3381)
   Legacy global theme overrides.
   ============================================================ */

    /* Primary button styling */
    .btn-primary, 
    button.primary,
    .primary-btn {
      background-color: var(--button-primary) !important;
      color: white !important;
    }

    .btn-primary:hover,
    button.primary:hover,
    .primary-btn:hover {
      background-color: var(--button-hover) !important;
    }

    /* Navigation links */
    nav .nav-link,
    nav a {
      transition: color 0.3s ease;
      color: #666 !important;
    }

    nav .nav-link:hover,
    nav a:hover {
      color: var(--system-primary) !important;
    }

    /* Active navigation tab styling */
    nav .nav-link.active,
    nav a.active {
      color: var(--system-primary) !important;
      border-bottom: 2px solid var(--system-primary) !important;
    }

    /* Tabs styling */
    .nav-tabs .nav-link {
      color: var(--system-primary-light);
      border-color: transparent;
    }

    .nav-tabs .nav-link.active {
      background-color: var(--system-primary);
      border-color: var(--system-primary);
      color: white;
    }

    .nav-tabs .nav-link:hover {
      color: var(--system-primary);
      border-color: var(--system-primary-light);
    }

    /* Alert styling */
    .alert-primary {
      background-color: var(--system-primary-light, rgba(59, 130, 246, 0.1)) !important;
      border-color: var(--system-primary-light) !important;
      color: var(--system-primary-darker) !important;
    }

    /* Badge styling */
    .badge-primary {
      background-color: var(--system-primary) !important;
      color: white !important;
    }

    /* Progress bar styling */
    .progress-bar {
      background-color: var(--system-primary) !important;
    }

    /* Link styling */
    a.theme-link {
      color: var(--system-primary) !important;
      text-decoration: none;
    }

    a.theme-link:hover {
      color: var(--system-primary-dark) !important;
      text-decoration: underline;
    }

    /* Dropdown menu theming */
    .dropdown-menu .dropdown-item.active,
    .dropdown-menu .dropdown-item:active {
      background-color: var(--system-primary) !important;
    }

    /* Form focus states */
    input:focus,
    textarea:focus,
    select:focus {
      border-color: var(--system-primary) !important;
      box-shadow: 0 0 0 3px rgba(var(--system-primary-rgb), 0.1) !important;
    }

    /* Cursor on hover for interactive elements */
    button, a, .cursor-pointer {
      cursor: pointer;
    }

    /* Organization switcher button */
    .org-switcher-btn {
      transition: all 0.3s ease;
    }

    .org-switcher-btn:hover {
      opacity: 0.9;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    }

    /* Settings tab indicators */
    .settings-tab.active {
      color: white !important;
    }

    .settings-tab {
      transition: all 0.3s ease;
    }

    .settings-tab:hover {
      opacity: 0.9;
    }

    /* Tailwind color override for theme integration */
    .bg-primary {
      background-color: var(--system-primary) !important;
    }

    /* Group icon text contrast - ensure visibility over gradients */
    .group-icon-badge span {
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
      font-weight: bold;
      letter-spacing: 0.5px;
    }

    /* Toggle switches theme color */
    input.peer:checked ~ div {
      background-color: var(--system-primary) !important;
    }

    /* GitHub auth button theme styling */
    .github-auth-btn {
      background-color: var(--system-primary, #374151) !important;
      transition: background-color 0.3s ease;
    }

    .github-auth-btn:hover {
      background-color: var(--system-primary-dark, #1f2937) !important;
    }

    /* Sign up button theme styling */
    .signup-btn {
      background-color: var(--system-primary) !important;
      transition: background-color 0.3s ease;
    }

    .signup-btn:hover {
      background-color: var(--system-primary-dark) !important;
    }

    .text-primary {
      color: var(--system-primary) !important;
    }

    .bg-primary-light {
      background-color: var(--system-primary-light) !important;
    }

    .bg-primary-lighter {
      background-color: var(--system-primary-light, rgba(59, 130, 246, 0.1)) !important;
    }

    body.nav-border-off .public-nav-shell,
    body.nav-border-off.preset-ui-v2 .public-nav-shell,
    body.nav-border-off.preset-ui-v1 .public-nav-shell,
    body.nav-border-off:is(.theme-dark, .ui-mode-dark, .preset-mode-dark) .public-nav-shell,
    body.nav-border-off .public-container.public-nav-wrap {
      border: 0 !important;
      border-color: transparent !important;
      box-shadow: none !important;
      background-clip: padding-box !important;
    }

    body.nav-border-off .public-nav-dropdown,
    body.nav-border-off .public-mobile-sheet,
    body.nav-border-off .public-mobile-panel {
      border: 0 !important;
      background: var(--public-nav-dropdown-surface, transparent) !important;
      box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08) !important;
    }

    body.nav-border-off .public-nav-dropdown-item,
    body.nav-border-off .public-mobile-item,
    body.nav-border-off .public-mobile-pill {
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      padding-left: 1rem;
      padding-right: 1rem;
    }

    body.nav-border-off .public-nav-card,
    body.nav-border-off .public-nav-card-mini,
    body.nav-border-off .public-nav-card-compact,
    body.nav-border-off .public-nav-dropdown-item.public-nav-card,
    body.nav-border-off .public-nav-dropdown-item.public-nav-card-mini,
    body.nav-border-off .public-nav-dropdown-item.public-nav-card-compact {
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }

    body.nav-border-off .public-nav-card-grid,
    body.nav-border-off .public-nav-card-grid-compact {
      background: transparent !important;
    }

    body.nav-border-off .public-nav-dropdown-item + .public-nav-dropdown-item,
    body.nav-border-off .public-mobile-item + .public-mobile-item,
    body.nav-border-off .public-mobile-pill + .public-mobile-pill {
      border-top: 1px solid rgba(148, 163, 184, 0.10) !important;
    }

    body.nav-border-off .public-nav-card + .public-nav-card,
    body.nav-border-off .public-nav-card-mini + .public-nav-card-mini,
    body.nav-border-off .public-nav-card-compact + .public-nav-card-compact {
      border-top: 1px solid rgba(148, 163, 184, 0.10) !important;
    }

    /* Section and card borders disable */
    body.section-border-off {
      --public-card-border: transparent;
      --public-panel-border: transparent;
      --public-surface-border: transparent;
      --section-card-border: transparent;
    }

    body.section-border-off section,
    body.section-border-off [class*="section"],
    body.section-border-off .card,
    body.section-border-off [class*="card"],
    body.section-border-off [class*="panel"],
    body.section-border-off [class*="surface"] {
      border: 0 !important;
      border-color: transparent !important;
      box-shadow: none !important;
      background-clip: padding-box !important;
    }

    body.section-border-off .prose,
    body.section-border-off .prose-prose,
    body.section-border-off [class*="prose"] {
      border: 0 !important;
    }

    body.section-border-off [class*="border"],
    body.section-border-off [style*="border"] {
      border: 0 !important;
    }

    .text-primary-dark {
      color: var(--system-primary-dark) !important;
    }

    /* Accent styling */
    .accent-color {
      color: var(--system-primary) !important;
    }

    .bg-accent {
      background-color: var(--system-primary) !important;
    }