/* CVE Dashboard — design tokens
   Sumber tunggal warna/spacing/radius/typography untuk semua halaman.
   Nilai diambil PERSIS dari halaman yang sudah jalan: nol perubahan visual.
   Diubah: 2026-10-10 */

:root{
  /* ===== warna dasar ===== */
  --bg:#f8fafc;          /* background halaman */
  --surface:#ffffff;     /* kartu, panel, tabel */
  --card:#ffffff;        /* alias --surface (dipakai pipeline/cms-audit/audit-pipeline) */
  --surface-2:#f1f5f9;   /* header tabel, chip, baris selang-seling */
  --surface-3:#eff6ff;   /* hover biru muda */

  /* ===== garis ===== */
  --border:#e2e8f0;      /* border standar */
  --border-2:#e8edf3;    /* border kartu (lebih lembut) */
  --border-strong:#cbd5e1; /* garis pemisah header/tab-bar */

  /* ===== teks ===== */
  --ink:#0f172a;         /* judul, angka utama */
  --ink-2:#1e293b;       /* angka statistik netral */
  --text:#334155;        /* body */
  --text-2:#475569;      /* teks tabel sekunder, angka tabular */
  --muted:#64748b;       /* label sekunder */
  --muted-2:#94a3b8;     /* footer, hint */

  /* ===== aksen ===== */
  --blue:#2563eb;
  --blue-2:#1d4ed8;
  --blue-soft:#eff6ff;
  --blue-line:#bfdbfe;
  --blue-edge:#dbeafe;   /* border chip/kode biru */
  --green:#10b981;
  --ok:#059669;
  --ok-bg:#ecfdf5;
  --violet:#8b5cf6;
  --amber:#f59e0b;
  --warn:#d97706;
  --warn-bg:#fffbeb;
  --rose:#f43f5e;
  --bad:#dc2626;
  --bad-bg:#fef2f2;
  --bad-line:#fecaca;    /* garis badge critical */
  --bad-bg2:#fee2e2;     /* tombol danger, badge RCE */
  --bad-ink:#b91c1c;     /* teks danger */
  --cyan:#06b6d4;
  --indigo-ink:#3730a3;  /* inline code biru */
  --indigo-bg:#eef2ff;
  --rose-ink:#be123c;    /* inline code merah */

  /* ===== severity / badge ===== */
  --high:#ea580c;        /* high */
  --high-bg:#fff7ed;
  --high-line:#fed7aa;
  --med-ink:#a16207;     /* medium */
  --med-bg:#fefce8;
  --med-line:#fef08a;
  --low-ink:#0284c7;     /* low */
  --low-bg:#f0f9ff;
  --low-line:#bae6fd;
  --poc-ink:#92400e;     /* badge POC / CWE */
  --poc-bg:#fef3c7;
  --poc-line:#fde68a;
  --ransom:#7f1d1d;      /* badge ransomware */
  --audit-line:#bbf7d0;  /* badge audited */

  /* ===== kategori gain (dipakai badge CSS) ===== */
  --g-write-ink:#c2410c; --g-write-bg:#ffedd5;
  --g-read-ink:#ca8a04;  --g-read-bg:#fef9c3;
  --g-auth-ink:#be185d;  --g-auth-bg:#fce7f3;
  --g-creds-ink:#7e22ce; --g-creds-bg:#f3e8ff;
  --g-sqli-ink:#1d4ed8;  --g-sqli-bg:#dbeafe;
  --code-rose-ink:#be123c; --code-rose-bg:#fef2f2;
  --g-ssrf-ink:#0f766e;  --g-ssrf-bg:#ccfbf1;
  --g-xss-ink:#4338ca;   --g-xss-bg:#e0e7ff;
  --g-shell-ink:#15803d; --g-shell-bg:#dcfce7;
  --g-csrf-ink:#a21caf;  --g-csrf-bg:#fdf4ff;
  --g-audited-bg:#f0fdf4;
  --g-copy-line:#86efac; /* dork copied */

  /* ===== spacing, skala 4px ===== */
  --s1:4px;  --s2:8px;  --s3:12px; --s4:16px;
  --s5:20px; --s6:24px; --s7:32px;

  /* ===== radius ===== */
  --r-sm:6px;   --r:8px;    --r-md:12px;
  --r-lg:14px;  --r-xl:16px; --r-pill:12px;

  /* ===== shadow ===== */
  --sh-1:0 1px 3px rgba(15,23,42,.06);
  --sh-2:0 1px 3px rgba(15,23,42,.06), 0 4px 16px rgba(15,23,42,.04);
  --sh-hdr:0 1px 2px rgba(15,23,42,.04);

  /* ===== tipografi ===== */
  --font-ui:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;

  /* ===== ukuran teks ===== */
  --t-xs:10.5px;  --t-sm:12px;  --t-base:13px;  --t-md:14px;
  --t-lg:16px;    --t-h1:26px;  --t-h2:20px;    --t-h3:12px;
}