/* ============================================================
   DESIGN TOKENS
   Light/neutral base with POLMAN Bandung's documented identity
   color — Navy Blue / Biru Gelap, the dominant color of the
   "POLMAN BANDUNG" logotype, the almamater jacket, and the
   official site's primary accent — as the primary accent, plus
   a muted navy-derived secondary tone for restrained technical
   highlights. Candidate identity remains primary; this is not a
   reproduction of the POLMAN mark itself.
   ============================================================ */

:root {
  /* Base */
  --bg: #F7F6F2;
  --surface: #FFFFFF;
  --surface-alt: #EFEDE7;
  --ink: #14181C;
  --ink-soft: #3A3F45;
  --muted: #6B7178;
  --border: #E1DFD8;
  --border-strong: #C9C6BC;

  /* Accent — POLMAN Bandung navy blue (primary identity color) */
  --accent: #16305C;
  --accent-ink: #0C1E3D;
  --accent-tint: #E8ECF3;

  /* Accent — muted navy-grey (used sparingly: highlights, numerals) */
  --accent-2: #5A6B85;
  --accent-2-tint: #EBEDF1;

  /* Overlay for hero image */
  --hero-overlay: linear-gradient(180deg, rgba(10,12,14,0.35) 0%, rgba(10,12,14,0.55) 55%, rgba(10,12,14,0.82) 100%);

  /* Type */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Scale */
  --step-0: clamp(0.95rem, 0.92rem + 0.15vw, 1.05rem);
  --step-1: clamp(1.1rem, 1.02rem + 0.4vw, 1.35rem);
  --step-2: clamp(1.4rem, 1.25rem + 0.75vw, 1.9rem);
  --step-3: clamp(1.9rem, 1.6rem + 1.4vw, 2.8rem);
  --step-4: clamp(2.4rem, 1.9rem + 2.4vw, 4.2rem);
  --step-5: clamp(3rem, 2.2rem + 3.8vw, 6.4rem);

  /* Layout */
  --content-max: 1180px;
  --gutter: clamp(1.25rem, 4vw, 3.5rem);
  --section-pad: clamp(4rem, 8vw, 8rem);

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 180ms;
  --dur: 420ms;

  /* Radius */
  --radius: 2px;
}