/**
 * NawaSiber — token desain & tipografi
 * Sesuaikan font, warna, dan easing di file ini.
 */
:root {
  /* Parallax mouse — diisi dari JS (-1 … 1), halus */
  --mx: 0;
  --my: 0;

  /* Tipografi — elegan: serif display + sans body + mono aksen */
  --font-display: "Cormorant Garamond", "Georgia", "Times New Roman", serif;
  --font-body: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Code", monospace;

  --font-weight-display: 600;
  --font-weight-display-bold: 700;
  --body-letter-spacing: 0.02em;
  --heading-letter-spacing: -0.01em;

  /* Warna */
  --bg-primary: #080b10;
  --bg-secondary: #0d1117;
  --bg-elevated: #161b22;
  --accent-primary: #00d4aa;
  --accent-secondary: #ff4d4d;
  --accent-gold: #f0a500;
  --text-primary: #e6edf3;
  --text-secondary: #8b949e;
  --text-muted: #484f58;
  --border-subtle: #21262d;
  --border-accent: rgba(0, 212, 170, 0.2);
  --glow-primary: 0 0 24px rgba(0, 212, 170, 0.14);
  --glow-intense: 0 0 48px rgba(0, 212, 170, 0.22);

  /* Layout */
  --announcement-height: 48px;
  --nav-height: 72px;
  /** Padding anchor (di-update dari JS agar sejajar header) */
  --scroll-pad: 120px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 12px;

  /* Motion (disinkronkan dengan js/config.js jika perlu) */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-reveal: 0.75s;

  /* Blur: edit di sini — nilai kecil = lebih tajam, lebih ringan di GPU */
  --blur-nav: 3px;
  --blur-glass: 2px;
  --blur-ambient: 0px;
}