/* ══════════════════════════════════════════════════════
   POKHARA HOSTING — Design System v6
   Matching the reference dashboard exactly
   ══════════════════════════════════════════════════════ */
:root {
  /* Brand greens */
  --g1:#1a7a14; --g2:#219016; --g3:#27a81a; --g4:#2dbe1e; --g5:#4dcf3f; --g6:#7de070;

  /* Sidebar — deep navy like reference */
  --sidebar-bg:#0f1923;
  --sidebar-w:220px;

  /* Content */
  --bg:#f0f2f5;
  --bg-2:#e8eaed;
  --bg-3:#dde0e5;
  --card-bg:#ffffff;

  /* Text */
  --text:#1a202c;
  --text-2:#2d3748;
  --text-muted:#718096;
  --text-light:#a0aec0;

  /* Border */
  --border:#e2e8f0;
  --border-2:#cbd5e0;

  /* Semantic */
  --red:#e53e3e;    --red-lt:#fff5f5;   --red-border:#feb2b2;
  --orange:#dd6b20; --orange-lt:#fffaf0; --orange-border:#fbd38d;
  --yellow:#d69e2e; --yellow-lt:#fffff0;
  --blue:#3182ce;   --blue-lt:#ebf8ff;   --blue-border:#90cdf4;
  --purple:#805ad5; --purple-lt:#faf5ff;
  --green-lt:#f0fff4; --green-xl:#e6ffed; --green-mid:#9ae6b4;

  /* Topbar */
  --topbar-bg:#ffffff;
  --topbar-border:#e2e8f0;
  --topbar-h:62px;

  /* Inputs */
  --inp-bg:#f7fafc; --inp-border:#e2e8f0; --inp-focus:#27a81a;

  /* Shadows */
  --sh-xs:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);
  --sh-sm:0 4px 6px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.03);
  --sh-md:0 10px 15px rgba(0,0,0,.07),0 4px 6px rgba(0,0,0,.04);
  --sh-lg:0 20px 25px rgba(0,0,0,.08),0 8px 10px rgba(0,0,0,.04);
  --sh-green:0 4px 14px rgba(39,168,26,.3);
  --sh-card:0 2px 8px rgba(0,0,0,.06);

  --font:'Inter',system-ui,sans-serif;
  --font-m:'JetBrains Mono',monospace;

  --r-xl:16px; --r-lg:12px; --r-md:8px; --r-sm:6px; --r-xs:4px;

  /* Compat aliases */
  --muted:var(--text-muted); --white:#ffffff;
  --navy:#0f1923; --navy-2:#162030; --navy-3:#1e2d3d;
  --border-3:#a0aec0; --yellow-lt:#fffff0;
}

[data-theme="dark"] {
  --bg:#111827; --bg-2:#1f2937; --bg-3:#374151;
  --card-bg:#1f2937;
  --text:#f9fafb; --text-2:#e5e7eb; --text-muted:#9ca3af; --text-light:#6b7280;
  --border:#374151; --border-2:#4b5563;
  --green-lt:#052e16; --green-xl:#042010; --green-mid:#166534;
  --red-lt:#1c0505; --red-border:#7f1d1d;
  --orange-lt:#1c1000; --orange-border:#78350f;
  --blue-lt:#0c1a2e; --blue-border:#1e3a5f;
  --purple-lt:#100818;
  --yellow-lt:#1a1200;
  --topbar-bg:#1f2937; --topbar-border:#374151;
  --inp-bg:#111827; --inp-border:#374151;
  --sh-card:0 2px 8px rgba(0,0,0,.3);
  --sh-xs:0 1px 3px rgba(0,0,0,.3);
  --sh-sm:0 4px 6px rgba(0,0,0,.3);
  --sh-md:0 10px 15px rgba(0,0,0,.35);
  --sh-lg:0 20px 25px rgba(0,0,0,.4);
}