/**
 * Skin V3 — Bold Modern (DEFAULT — pilihan klien)
 * Space Grotesk + Manrope, bento layout, floating header pill.
 */
:root,
body.skin-v3 {
  /* === Colors (Prodi Ilkom UMI — Bold Modern) === */
  --green:        #0D2C86;   /* biru primary */
  --green-dark:   #082063;
  --green-light:  #1a3da5;
  --teal:         #2952c4;
  --gold:         #Ea5441;   /* oranye accent */
  --gold-bright:  #f47a68;
  --gold-dark:    #c43e2d;
  --gold-light:   #fdebe7;
  --pink:         #ff6b9d;
  --purple:       #7c3aed;
  --dark:         #0a1230;
  --gray-700:     #3a4366;
  --gray-500:     #7a82a3;
  --gray-200:     #e5e8f0;
  --bg-light:     #f4f6fb;
  --white:        #ffffff;

  /* === Skin semantic aliases === */
  --skin-primary:        var(--green);
  --skin-primary-dark:   var(--green-dark);
  --skin-primary-light:  var(--green-light);
  --skin-accent:         var(--gold);
  --skin-accent-dark:    var(--gold-dark);
  --skin-accent-light:   var(--gold-light);
  --skin-text:           var(--dark);
  --skin-text-soft:      var(--gray-700);
  --skin-text-mute:      var(--gray-500);
  --skin-border:         var(--gray-200);
  --skin-bg:             var(--bg-light);
  --skin-surface:        var(--white);

  /* === Typography === */
  --font-heading: 'Space Grotesk', 'Inter', sans-serif;
  --font-body:    'Manrope', -apple-system, sans-serif;
  --font-weight-heading: 700;
  --heading-letter-spacing: -1.5px;
  --heading-line-height: 1.05;

  /* === Radii === */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;
}