/* ==========================================================================
   bentang.co.id v3 — 00-tokens
   Sumber: v3-mockup/assets/css/d.css (lulus audit, disetujui 2 Nov 2026)
   ========================================================================== */

/* ==========================================================================
   Varian D — dasar Varian C (kerangka runway) + tujuh revisi Pak Ben.
   Revisi yang terlihat di berkas ini:
     R1 wordmark lengkap            R5 catatan tabel 12 px di bawah tabel
     R2 garis nav tumbuh dari kiri  R6 permukaan gelap = navy lambang, bukan hitam
     R3 tombol hantu di atas navy   R7 tautan legal + pemilih bahasa di footer
     R4 naskah lima langkah (ada di HTML)
   Radius mengikuti Varian C: 6 px (kontrol kecil) dan 8 px (blok/tombol).
   ========================================================================== */

:root {
  /* permukaan */
  --paper: #F7F5F0;
  --paper-2: #EFEBE3;
  /* Hanya dialog pop-out alur: satu tingkat lebih terang dari kertas. */
  --paper-lift: #FBFAF5;

  /* tinta */
  --ink: #0A1B26;
  --body: #24333D;
  --muted: #5A6570;
  --line: #DCD7CC;
  --line-soft: #E7E2D8;

  /* merek */
  --navy: #00436A;
  --navy-deep: #003354;
  --mint: #63C39E;

  /* di atas navy */
  --on-dark: #F0EDE6;
  --on-dark-soft: #C9D6DE;
  --on-dark-line: rgba(240, 237, 230, .18);
  --on-dark-wash: rgba(240, 237, 230, .12);

  --r-sm: 6px;
  --r: 8px;

  --wrap: 1286px;
  --pad: 24px;
  --header-h: 68px;

  --sans: "Switzer", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-inout: cubic-bezier(.4, 0, .2, 1);

  /* durasi gerak (DESIGN.md § Motion) */
  --d-fast: 450ms;
  --d-enter: 700ms;
  --d-slow: 1200ms;
  --d-touch: 200ms;
}