:root {
  /* ---- Radii ---- */
  --radius-card: 20px;
  --radius-input: 12px;
  --radius-button: 999px;   /* pill buttons */
  --radius-image: 24px;
  --radius-badge: 999px;

  /* ---- Shadows (soft, low-contrast — dark theme) ---- */
  --shadow-card: 0 8px 30px rgba(0, 0, 0, 0.35);
  --shadow-card-hover: 0 16px 48px rgba(0, 0, 0, 0.5);
  --shadow-gold-glow: 0 8px 32px rgba(199, 162, 106, 0.25);

  /* ---- Glass ---- */
  --glass-bg: rgba(255, 255, 255, 0.06);
  --glass-border: rgba(255, 255, 255, 0.12);
  --glass-blur: blur(18px); /* @kind other */

  /* ---- Motion ---- */
  --ease-luxury: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --duration-fast: 200ms; /* @kind other */
  --duration-base: 400ms; /* @kind other */
  --duration-slow: 800ms; /* @kind other */

  /* ---- Gradients ---- */
  --gradient-gold: linear-gradient(120deg, #C7A26A 0%, #E0B56E 50%, #C7A26A 100%); /* @kind color */
  --gradient-hero: linear-gradient(180deg, rgba(15,15,16,0.2) 0%, rgba(15,15,16,0.9) 90%); /* @kind color */
}