:root {
  --pnkb-overlay-white: #ffffff;
  --pnkb-overlay-soft-blue: #b9ddff;
  --pnkb-overlay-text-muted: #f5f5f5;
  --pnkb-overlay-line-color: #ffffff;

  --pnkb-overlay-panel-opacity: 0.60;

  --pnkb-overlay-brand-font-size: 28;
  --pnkb-overlay-name-font-size: 72;

  /*
   * Bin/i tetap di kanan.
   */
  --pnkb-overlay-bin-font-size: 36;
  --pnkb-overlay-bin-right-x: 1348;
  --pnkb-overlay-bin-y: 1568;
  --pnkb-overlay-bin-max-width: 420;

  /*
   * Detail dibuat lebih kecil agar tidak menumpuk.
   * Semua value tetap boleh wrap turun ke bawah.
   */
  --pnkb-overlay-info-font-size: 19;
  --pnkb-overlay-info-row-gap: 31;
  --pnkb-overlay-info-value-line-gap: 24;

  --pnkb-overlay-name-x: 70;
  --pnkb-overlay-name-y: 1438;
  --pnkb-overlay-name-line-gap: 78;
  --pnkb-overlay-name-max-width: 900;

  --pnkb-overlay-line-left-x: 66;
  --pnkb-overlay-line-right-x: 1348;
  --pnkb-overlay-line-top-y: 1618;
  --pnkb-overlay-line-bottom-y: 1948;
  --pnkb-overlay-line-thickness: 3;

  --pnkb-overlay-info-start-y: 1658;

  --pnkb-overlay-info-left-x: 70;
  --pnkb-overlay-info-left-colon-x: 230;
  --pnkb-overlay-info-left-value-x: 255;
  --pnkb-overlay-info-left-label-max-width: 145;
  --pnkb-overlay-info-left-value-max-width: 380;

  --pnkb-overlay-info-right-x: 700;
  --pnkb-overlay-info-right-colon-x: 940;
  --pnkb-overlay-info-right-value-x: 965;
  --pnkb-overlay-info-right-label-max-width: 215;
  --pnkb-overlay-info-right-value-max-width: 360;

  --pnkb-overlay-qr-size: 165;
  --pnkb-overlay-qr-padding: 12;
  --pnkb-overlay-qr-x: 1165;
  --pnkb-overlay-qr-y: 85;

  --pnkb-overlay-text-shadow-enabled: 1;
  --pnkb-overlay-text-shadow-opacity: 0.35;
  --pnkb-overlay-text-shadow-offset-x: 2;
  --pnkb-overlay-text-shadow-offset-y: 2;

  --pnkb-overlay-font-regular: assets/fonts/Montserrat-Regular.ttf;
  --pnkb-overlay-font-semibold: assets/fonts/Montserrat-SemiBold.ttf;
  --pnkb-overlay-font-bold: assets/fonts/Montserrat-Bold.ttf;
  --pnkb-overlay-font-extrabold: assets/fonts/Montserrat-ExtraBold.ttf;
}