:root {
  /* ── Base surface — Monochrome Liquid Glass (hitam–putih, bertekstur) ── */
  --bg:          #050506;
  --bg-2:        #0C0C0E;
  --bg-3:        #141416;

  --ink:         #FAFAFA;
  --ink-2:       #C7C7CC;
  --ink-muted:   #7C7C82;

  /* ── Aksen liquid glass: Silver / Pure White — tetap terasa "liquid",
       bukan flat, lewat gradasi multi-stop ── */
  --accent:        #FFFFFF;
  --accent-2:      #E4E4EA;
  --accent-grad:   linear-gradient(135deg, #FFFFFF 0%, #C7C7D1 30%, #6E6E76 65%, #FFFFFF 100%);

  --yellow:      #E8E8E8;
  --yellow-dark: #9C9CA3;

  --teal:        #E4E4EA;
  --teal-dark:   #9C9CA3;

  --red:         #FF6B6B;
  --red-dark:    #E11D48;

  --blue:        #C7C7D1;
  --blue-dark:   #8E8E96;

  --green:       #E8E8E8;
  --green-dark:  #9C9CA3;

  --purple:      #C7C7D1;
  --magenta:     #FFFFFF;

  /* ── Glassmorphism (dark, translucent white — tekstur berlapis) ── */
  --glass-bg:      rgba(255, 255, 255, 0.055);
  --glass-bg-2:    rgba(255, 255, 255, 0.09);
  --glass-border:  rgba(255, 255, 255, 0.16);
  --glass-shadow:  0 8px 40px rgba(0, 0, 0, 0.55);
  --glass-blur:    blur(22px);

  /* Glow ambient monokrom di belakang kartu/tombol — soft silver glow */
  --glow-magenta:  0 0 70px rgba(255, 255, 255, 0.14);
  --glow-aqua:     0 0 70px rgba(255, 255, 255, 0.20);

  /* Font */
  --font-display: 'Space Grotesk', 'Poppins', system-ui, sans-serif;
  --font-sans:    'Inter', system-ui, sans-serif;
  --font-mono:    'DM Mono', 'Courier New', monospace;

  /* Radius — liquid glass butuh sangat rounded */
  --r-none: 0px;
  --r-sm:   12px;
  --r-md:   18px;
  --r-lg:   26px;
  --r-xl:   32px;
}

img, svg { image-rendering: auto; }