/* ===================================================================
   DESIGN TOKENS — "Blueprint Executive"
   Konsep: CEO sebagai "decision architect" (bahasa asli proposal).
   Palet meminjam warna navy/gold yang sudah dipakai biznis.id,
   dipadukan dengan motif garis blueprint/cetak biru arsitektur.
   =================================================================== */

:root {
  /* ---- Color: Ink (dark navy, dasar brand biznis.id) ---- */
  --ink-900: #0c1322;
  --ink-800: #141d33;
  --ink-700: #1c2942;
  --ink-line: #3c5070;          /* garis blueprint di atas dasar gelap */
  --ink-line-soft: rgba(140, 167, 209, 0.16);

  /* ---- Color: Paper (terang) ---- */
  --paper: #ffffff;
  --paper-tint: #eef1f7;        /* abu-kebiruan sangat pucat, bukan cream */
  --paper-line: #dbe1ec;
  --ink-on-paper: #141a2b;
  --ink-on-paper-soft: #4c5670;

  /* ---- Color: Brass (aksen emas, eksklusivitas eksekutif) ---- */
  --brass: #c8943c;
  --brass-light: #e7c989;
  --brass-dark: #9c702a;

  /* ---- Type ---- */
  --font-display: "Outfit", "Open Sans", Arial, sans-serif;
  --font-body: "Open Sans", -apple-system, "Segoe UI", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "Courier New", monospace;

  /* ---- Type scale ---- */
  --fs-hero: clamp(2.6rem, 5.2vw, 4.6rem);
  --fs-h2: clamp(2rem, 3.6vw, 3rem);
  --fs-h3: clamp(1.3rem, 2vw, 1.65rem);
  --fs-body: 1.05rem;
  --fs-small: 0.9rem;
  --fs-eyebrow: 0.8rem;

  /* ---- Spacing ---- */
  --gap-xs: 0.5rem;
  --gap-sm: 1rem;
  --gap-md: 1.75rem;
  --gap-lg: 3rem;
  --gap-xl: 6rem;
  --section-pad: clamp(4rem, 8vw, 7rem);
  --container-w: 1180px;

  /* ---- Misc ---- */
  --radius-sm: 4px;
  --radius-md: 10px;
  --shadow-card: 0 18px 40px -20px rgba(12, 19, 34, 0.35);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}