/* Shared Arc portal theme — single source for light/dark.
 *
 * Every portal page already defines the same dark variables (--bg0/1/2, --fg,
 * --muted, --faint, --border(-hi), --card(-hi)) in its own <style>, so this file
 * only needs to (a) add dark defaults for the few extra vars, (b) override them all
 * for light mode, and (c) style the floating toggle button injected by theme.js.
 *
 * Link this BEFORE the page's inline <style> so the page's own dark values win in
 * dark mode; the [data-theme="light"] block has higher specificity than :root, so
 * it wins in light mode regardless of order.
 */
:root {
  --panel: rgba(8, 12, 34, .7);
  --dot:   rgba(255, 255, 255, .05);
  --lead:  #c4cbe0;
}

:root[data-theme="light"] {
  --bg0:#f4f6fc; --bg1:#eaeef8; --bg2:#dfe5f3;
  --card:rgba(255,255,255,.6); --card-hi:rgba(255,255,255,.92);
  --border:rgba(28,40,90,.12); --border-hi:rgba(28,40,90,.24);
  --fg:#161d35; --muted:#586079; --faint:#8b93ad;
  --panel:rgba(255,255,255,.72); --dot:rgba(28,40,90,.05); --lead:#3c455f;
}