/* Sinar Niaga — spacing, radii, shadows, glows */
:root {
  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* Radii — panels are softly rounded; pills for CTAs */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  /* Borders */
  --border-hairline: 1px solid rgba(53, 208, 224, 0.35); /* @kind other */
  --border-panel: 1.5px solid var(--border-card);

  /* Glows & shadows (dark-canvas system: glows, not drop shadows) */
  --glow-cyan: 0 0 18px rgba(53, 208, 224, 0.35);
  --glow-gold: 0 0 22px rgba(245, 185, 35, 0.35);
  --shadow-panel: 0 10px 30px rgba(0, 0, 0, 0.45);

  /* Photo protection */
  --scrim-bottom: linear-gradient(180deg, rgba(6,13,26,0) 0%, rgba(6,13,26,0.92) 78%); /* @kind color */
  --scrim-full: rgba(6, 13, 26, 0.66);
}