/* ===================================================
   BALAK6 DESIGN SYSTEM
      VERSION   : V1,0
   POWEREDBY : M. Shandy Rizal R JS
=================================================== */

:root {
  /* ========= COLORS ========= */

  --navy-900: #041223;
  --navy-800: #081d3d;
  --navy-700: #10305c;

  --gold: #d4a62b;
  --gold-light: #f4d77a;

  --white: #ffffff;
  --gray-100: #e8edf5;
  --gray-300: #bfc8d7;

  /* ========= BACKGROUND ========= */

  --bg-primary: var(--navy-900);

  /* ========= TYPOGRAPHY ========= */

  --font-heading: "Bebas Neue", sans-serif;
  --font-body: "Inter", sans-serif;

  /* ========= FONT SIZE ========= */

  --hero-title: clamp(90px, 12vw, 180px);

  --hero-subtitle: 22px;

  --body: 16px;

  /* ========= SPACING ========= */

  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --space-xxl: 96px;

  /* ========= BORDER ========= */

  --radius: 24px;

  /* ========= SHADOW ========= */

  --shadow-soft: 0 20px 60px rgba(0, 0, 0, 0.35);

  /* ========= TRANSITION ========= */

  --transition: 0.5s ease;
}