/* ── SELF-HOSTED FONTS (2026-08-14) ─────────────────────────────────────────
   Inter + Geist Mono served from /vendor/fonts/ (variable woff2, latin subset)
   instead of fonts.googleapis.com/gstatic.com — a strict prod CSP blocks the external
   requests, and self-hosting works offline. Both are VARIABLE fonts (one file spans the
   whole weight axis), so a single @font-face per family with a font-weight RANGE covers
   every weight used. font-display:swap = no invisible-text flash. */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url("/vendor/fonts/inter.woff2") format("woff2");}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:400 600;font-display:swap;src:url("/vendor/fonts/geist-mono.woff2") format("woff2");}

/* Coinbase light design tokens — ArahBandar. Will REPLACE the prod dark :root at convergence. */
:root{
  color-scheme:light;   /* native scrollbar/kontrol ikut tema (fix: scrollbar gelap di mode terang, owner 2026-08-26) */
  --primary:#0052ff; --primary-active:#003ecc; --primary-disabled:#a8b8cc; --primary-soft:rgba(0,82,255,.08);
  --canvas:#ffffff; --soft:#f7f7f7; --strong:#eef0f3; --dark:#0a0b0d; --dark-el:#16181c;
  /* TEKS — hierarki 4 tingkat (lihat DESIGN_SYSTEM.md). --ink=PRIMER: body/info/judul/nilai · --body=chrome non-aktif (nav/tab/chip) · --muted=LABEL/eyebrow/kolom-tabel · --muted-soft=MINOR: footnote/caption/tooltip/placeholder. Abu HANYA untuk minor. */
  --ink:#0a0b0d; --body:#5b616e; --muted:#646a71; --muted-soft:#676d73; --on-dark:#ffffff; --on-dark-soft:#a8acb3;  /* WCAG AA: --muted/--muted-soft darkened 2026-08-16 (was 3.88/2.28:1); --muted-soft #6b7178→#676d73 2026-09-01 → ≥4.5 di --strong (chip) juga (was 4.32) */
  --hairline:#dee1e6; --hairline-soft:#eef0f3;
  --hist-tint:rgba(10,11,13,.05);   /* bg tipis kolom HISTORIS di tabel broker (First In/Sisa Lot/Avg Cost/P&L) — tanda "sejak 2016" */
  --up:#017a45; --down:#cf202f; --amber:#926018; --up-soft:rgba(5,177,105,.10); --down-soft:rgba(207,32,47,.09);  /* --up/--amber darkened 2026-08-16 for WCAG AA on white (were #05b169=2.80:1 / #b7791f=3.64:1); soft washes kept light for pill contrast */
  --cat-asing:#d21f1f; --cat-inst:#9333ea; --cat-lokal:#0e7490; --cat-off:#52525b;  /* kategori kepemilikan broker (Asing/Institusi/Lokal/non-aktif) — token (2026-08-21); WCAG AA di putih; cat-asing #dc2626→#d21f1f 2026-09-01 → ≥4.5 di --strong (chip) juga (was 4.23) */
  /* palet kategorikal data-viz (donut kepemilikan dsb) — 8 hue; ditokenkan 2026-08-24 agar tak keras & punya varian dark. Dipakai lewat var() langsung di conic-gradient → ikut tema otomatis */
  --viz-1:#2563eb; --viz-2:#7c3aed; --viz-3:#0891b2; --viz-4:#ca8a04; --viz-5:#dc2626; --viz-6:#0d9488; --viz-7:#db2777; --viz-8:#ea580c;
  --r-2xs:4px; --r-xs:6px; --r-sm:8px; --r-md:12px; --r-lg:14px; --r-xl:14px; --pill:100px; --full:9999px;  /* r-lg/r-xl unified to 14px (Artifact design system: one card radius); --r-xs:6px = radius chip/note kecil (ditokenkan 2026-08-24) */
  --shadow:0 4px 12px rgba(0,0,0,.04);
  --mono:"Geist Mono",ui-monospace,monospace;
  --sans:"Inter",-apple-system,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  /* ── TYPE SCALE (owner 2026-09-01 — WAJIB, enforce app-wide; lihat DESIGN_SYSTEM.md §Typography) ──
     HANYA ukuran ini. 10 = LANTAI (tooltip/label/meta/info-kecil). 12 = paragraf deskriptif / teks tabel.
     14+ = kelipatan 2 SAJA (14,16,18,20,22,24,28,32). DILARANG 11/13/15/17/19/px ganjil atau ½px.
     2 famili saja: --sans (Inter, default segala teks) + --mono (Geist Mono, HANYA angka di dalam tabel). */
  --fs-10:10px;  /* micro: tooltip · label/eyebrow · kolom-header tabel · chip · caption/meta kecil */
  --fs-12:12px;  /* small: paragraf deskriptif · teks sel tabel · footnote */
  --fs-14:14px;  /* base: body / kontrol UI default (tombol, tab, input teks) */
  --fs-16:16px;  /* md: teks ditekankan · input (juga cegah zoom iOS) · harga baris */
  --fs-18:18px;  /* lg: sub-judul */
  --fs-20:20px;  /* xl */
  --fs-22:22px;  /* 2xl */
  --fs-24:24px;  /* 3xl */
  --fs-28:28px;  /* hero kecil */
  --fs-32:32px;  /* hero (angka besar) */
  /* Nav chrome (2026-08-07 left-sidebar redesign) */
  --sidebar-bg:var(--canvas); --sidebar-w:250px; --rail-w:70px;
  --nav-fg:var(--body); --nav-hover-bg:var(--soft); --nav-active-bg:var(--primary-soft); --nav-active-fg:var(--primary);
  --topbar-bg:rgba(255,255,255,.85); --scrim:rgba(10,11,13,.45);
}

/* ── DARK THEME (2026-08-07) ──────────────────────────────────────────────────
   Applied when the <head> boot script stamps <html data-theme="dark"> (from localStorage or OS pref).
   ArahBandar is JS-required, so the script always sets data-theme before first paint — no FOUC, and no
   media-query fallback needed. This redefines the light tokens (:root above) for a dark ground; --up/--down
   stay legible on both. Toggle in the sidebar. See DESIGN_SYSTEM.md §2 (dark column). */
:root[data-theme="dark"]{
  color-scheme:dark;
  --primary:#4d86ff; --primary-active:#6f9dff; --primary-disabled:#3a465c; --primary-soft:rgba(77,134,255,.16);
  --canvas:#15181e; --soft:#0d0f13; --strong:#242832; --dark:#05060a; --dark-el:#1b1f27;
  --ink:#e7ebf1; --body:#9aa3b0; --muted:#8a93a1; --muted-soft:#87909d; --on-dark:#ffffff; --on-dark-soft:#9aa3b0;  /* --muted-soft lightened 2026-08-16 for WCAG AA on dark (was #69727f = 3.65:1) */
  --hairline:#2a2f39; --hairline-soft:#20242c;
  --hist-tint:rgba(255,255,255,.06);   /* kolom historis di dark: overlay putih tipis */
  --up:#2ece75; --down:#ff5b5b; --amber:#e0a53a; --up-soft:rgba(46,206,117,.14); --down-soft:rgba(255,91,91,.13);
  --cat-asing:#f87171; --cat-inst:#c084fc; --cat-lokal:#22d3ee; --cat-off:#8b8b94;  /* kategori kepemilikan — dinaikkan lightness utk kontras di dark canvas (cat-off 71717a→8b8b94 = 5,26:1 WCAG AA, 2026-08-22) */
  --viz-1:#5b8def; --viz-2:#a17ef0; --viz-3:#22b8d4; --viz-4:#e0b038; --viz-5:#f87171; --viz-6:#2dd4bf; --viz-7:#f472b6; --viz-8:#fb8b4c;  /* varian dark: di-lighten utk kontras wedge di canvas gelap */
  --shadow:0 4px 16px rgba(0,0,0,.5);
  --sidebar-bg:#111419; --nav-hover-bg:#1b1f27; --topbar-bg:rgba(21,24,30,.82); --scrim:rgba(0,0,0,.55);
  --nav-active-fg:#6f9dff;  /* WCAG AA 2026-09-01: teks-aktif nav/tab (biru) di atas --primary-soft dark — --primary #4d86ff cuma 4,21-4,43; #6f9dff = 5,42-5,7 ✅ */
}

/* ─────────────────────────────────────────────────────────────────────────
   TYPOGRAPHY CONVENTION (Design System — WAJIB, owner 2026-09-01; lihat DESIGN_SYSTEM.md §Typography)
   DUA famili SAJA:
   • --sans "Inter" = DEFAULT untuk SEMUA teks — termasuk ANGKA di luar tabel (harga hero, stat,
     nilai kartu). Angka luar-tabel pakai `.num`/`--sans` + font-variant-numeric:tabular-nums (rata).
   • --mono "Geist Mono" = HANYA angka DI DALAM tabel (td.r, .sb-btbl) + label numerik chart (axis/legend).
     Di luar itu JANGAN pakai mono. Bukan untuk prosa/paragraf/label/judul.
   TYPE SCALE: hanya --fs-10/12/14/16/18/20/22/24/28/32 (10=lantai micro, 12=paragraf, 14+=genap).
     DILARANG 11/13/15/17/19/ganjil/½px. (normalisasi 2026-09-01: 212 nilai off-scale di app.css disnap.)
   ───────────────────────────────────────────────────────────────────────── */