/* Pondasi Design System — fixed light theme (app content) with a dark sidebar.
   No dark-mode toggle. The sidebar re-scopes the tokens to dark values so every
   element inside it (nav, brand, badges) adapts automatically. */
:root{
  --bg:#eef2ee; --surface:#ffffff; --surface-2:#f5f8f5; --surface-3:#e9efe9;
  --border:rgba(16,32,24,.09); --border-strong:rgba(16,32,24,.17);
  --text:#0f1f18; --text-2:#54635b; --text-3:#869089;
  --brand:#12a13c; --brand-600:#0c8730; --highlight:#d7f2de; --on-highlight:#0c2417;
  --on-brand:#ffffff; --success:#12a13c; --warning:#c0870f; --danger:#d84a3a; --info:#2a7fc4;
  --shadow:0 14px 40px rgba(16,40,28,.12); --shadow-sm:0 2px 8px rgba(16,40,28,.07);
  --radius:16px; --radius-sm:10px; --radius-pill:999px;
  --font-ui:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
}
/* Sidebar is always dark — re-scope tokens for its subtree. */
.sidebar{
  --surface:#101913; --surface-2:#18221c; --surface-3:#232f28;
  --border:rgba(255,255,255,.09); --border-strong:rgba(255,255,255,.16);
  --text:#eef3ef; --text-2:#aab6ae; --text-3:#73807a;
  --brand:#37d15a; --brand-600:#2bb84c; --on-brand:#06210f;
}