/* ==========================================================================
   MTRAC Theme Variables
   Military-Grade Asset Tracking — always dark
   ========================================================================== */

:root,
[data-bs-theme="dark"] {
  color-scheme: dark;

  /* ---- Brand palette ---- */
  --phoenix-primary:          #4ade80;
  --phoenix-secondary:        rgba(255, 255, 255, 0.6);
  --phoenix-success:          #4ade80;
  --phoenix-info:             #60a5fa;
  --phoenix-warning:          #fbbf24;
  --phoenix-danger:           #f87171;
  --phoenix-primary-rgb:      74, 222, 128;

  /* ---- Gray scale (mapped to MTRAC dark tones) ---- */
  --phoenix-gray-50:          #111111;
  --phoenix-gray-100:         #111111;
  --phoenix-gray-200:         rgba(255, 255, 255, 0.05);
  --phoenix-gray-300:         rgba(255, 255, 255, 0.08);
  --phoenix-gray-400:         rgba(255, 255, 255, 0.15);
  --phoenix-gray-500:         rgba(255, 255, 255, 0.3);
  --phoenix-gray-600:         rgba(255, 255, 255, 0.4);
  --phoenix-gray-700:         rgba(255, 255, 255, 0.6);
  --phoenix-gray-800:         rgba(255, 255, 255, 0.7);
  --phoenix-gray-900:         rgba(255, 255, 255, 0.85);
  --phoenix-gray-1000:        #111111;
  --phoenix-gray-1100:        #0a0a0a;

  /* ---- Body ---- */
  --phoenix-body-bg:          #050505;
  --phoenix-body-color:       rgba(255, 255, 255, 0.6);
  --phoenix-emphasis-color:   #ffffff;
  --phoenix-emphasis-bg:      #111111;
  --phoenix-secondary-color:  rgba(255, 255, 255, 0.6);
  --phoenix-secondary-bg:     #111111;
  --phoenix-tertiary-color:   rgba(255, 255, 255, 0.4);
  --phoenix-tertiary-bg:      rgba(255, 255, 255, 0.05);

  /* ---- Links ---- */
  --phoenix-link-color:       #4ade80;
  --phoenix-link-hover-color: #86efac;

  /* ---- Borders ---- */
  --phoenix-border-color:     rgba(255, 255, 255, 0.08);
  --phoenix-border-radius:    4px;
  --phoenix-border-radius-sm: 4px;
  --phoenix-border-radius-lg: 8px;

  /* ---- Shadows ---- */
  --phoenix-box-shadow:       0px 2px 8px rgba(0, 0, 0, 0.5);
  --phoenix-box-shadow-sm:    0 0.125rem 0.25rem rgba(0, 0, 0, 0.5);
  --phoenix-box-shadow-lg:    0 1rem 3rem rgba(0, 0, 0, 0.7);

  /* ---- Typography ---- */
  --phoenix-font-sans-serif:  'Inter', -apple-system, BlinkMacSystemFont,
                              'Segoe UI', Roboto, sans-serif;
  --phoenix-font-display:     'Space Grotesk', var(--phoenix-font-sans-serif);
  --phoenix-body-font-family: var(--phoenix-font-sans-serif);
  --phoenix-body-font-size:   1rem;
  --phoenix-body-line-height: 1.6;

  /* ---- Sidebar ---- */
  --phoenix-navbar-vertical-bg-color:         #0a0a0a;
  --phoenix-navbar-vertical-border-color:     rgba(255, 255, 255, 0.08);
  --phoenix-navbar-vertical-label-color:      rgba(255, 255, 255, 0.3);
  --phoenix-navbar-vertical-link-color:       rgba(255, 255, 255, 0.6);
  --phoenix-navbar-vertical-link-hover-color: #ffffff;
  --phoenix-navbar-vertical-link-hover-bg:    rgba(255, 255, 255, 0.03);
  --phoenix-navbar-vertical-link-active-color:#4ade80;
  --phoenix-navbar-vertical-width:            15.875rem;
  --phoenix-navbar-vertical-collapsed-width:  4rem;

  /* ---- Topbar ---- */
  --phoenix-navbar-top-bg-color:              #050505;
  --phoenix-navbar-top-border-color:          rgba(255, 255, 255, 0.08);
  --phoenix-navbar-top-link-color:            rgba(255, 255, 255, 0.6);
  --phoenix-navbar-top-height:                3.75rem;

  /* ---- Scrollbar ---- */
  --phoenix-scrollbar-bg: rgba(255, 255, 255, 0.1);

  /* ---- Bootstrap dropdown overrides ---- */
  --bs-dropdown-bg:               #111111;
  --bs-dropdown-color:            rgba(255, 255, 255, 0.6);
  --bs-dropdown-border-color:     rgba(255, 255, 255, 0.08);
  --bs-dropdown-link-color:       rgba(255, 255, 255, 0.6);
  --bs-dropdown-link-hover-bg:    rgba(255, 255, 255, 0.05);
  --bs-dropdown-link-hover-color: #ffffff;

  /* ---- Bootstrap body overrides ---- */
  --bs-body-bg:                   #050505;
  --bs-body-color:                rgba(255, 255, 255, 0.6);
  --bs-border-color:              rgba(255, 255, 255, 0.08);
  --bs-secondary-bg:              #111111;
  --bs-tertiary-bg:               rgba(255, 255, 255, 0.03);
}

/* --------------------------------------------------------------------------
   Global base
   -------------------------------------------------------------------------- */
body {
  font-family: var(--phoenix-body-font-family);
  font-size:   var(--phoenix-body-font-size);
  line-height: var(--phoenix-body-line-height);
  color:       var(--phoenix-body-color);
  background:  var(--phoenix-body-bg);
  -webkit-font-smoothing: antialiased;
}

/* Custom scrollbar */
::-webkit-scrollbar            { width: 6px; height: 6px; }
::-webkit-scrollbar-track      { background: transparent; }
::-webkit-scrollbar-thumb      { background: var(--phoenix-scrollbar-bg); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover{ background: rgba(var(--phoenix-primary-rgb), 0.4); }