/*
 * TPS Online - Theme tokens
 * Semua aturan tema hanya aktif bila <body> memiliki class "tps-theme".
 * Hapus class tersebut (atau <link> file tema) untuk kembali ke tampilan lama.
 */

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../fonts/plus-jakarta-sans/plus-jakarta-sans-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../../fonts/plus-jakarta-sans/plus-jakarta-sans-latin-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../../fonts/plus-jakarta-sans/plus-jakarta-sans-latin-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../fonts/plus-jakarta-sans/plus-jakarta-sans-latin-700-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../../fonts/plus-jakarta-sans/plus-jakarta-sans-latin-800-normal.woff2') format('woff2');
}

.tps-theme {
  /* Brand */
  --tps-primary: #20A8E0;
  --tps-primary-hover: #1B97CB;
  --tps-primary-strong: #0B7DB2;
  --tps-primary-ink: #075E87;
  --tps-primary-soft: #E5F5FC;
  --tps-primary-softer: #F0F9FD;
  --tps-on-primary: #FFFFFF;   /* teks di atas #20A8E0 selalu putih */
  --tps-yellow: #F4EE35;
  --tps-yellow-ink: #3F3A00;
  --tps-navy: #062A3E;

  /* Neutral */
  --tps-text: #0F2A3A;
  --tps-text-2: #2B4556;
  --tps-muted: #4B6474;
  --tps-subtle: #5F7685;
  --tps-faint: #8AA0AE;
  --tps-bg: #F4F8FB;
  --tps-surface: #FFFFFF;
  --tps-surface-2: #FBFDFE;
  --tps-border: #E1EBF0;
  --tps-border-2: #C9D9E2;
  --tps-line: #EEF3F6;

  /* Status */
  --tps-success: #1E7B45;
  --tps-success-bg: #E9F7EF;
  --tps-success-bd: #A9DCBE;
  --tps-success-ink: #145C33;
  --tps-danger: #B42318;
  --tps-danger-hover: #9A1D14;
  --tps-danger-bg: #FDEEEC;
  --tps-danger-bd: #F2B8B0;
  --tps-danger-ink: #8A1C0E;
  --tps-warning-bg: #FEFCDD;
  --tps-warning-bd: #E9E27A;
  --tps-warning-ink: #4D4800;
  --tps-info-bg: #E9F6FC;
  --tps-info-bd: #A6DBF1;
  --tps-info-ink: #075E87;

  /* Shape */
  --tps-radius-sm: 8px;
  --tps-radius: 10px;
  --tps-radius-lg: 14px;
  --tps-radius-xl: 18px;
  --tps-shadow-sm: 0 1px 2px rgba(6, 42, 62, .06);
  --tps-shadow: 0 10px 28px rgba(6, 42, 62, .14);
  --tps-shadow-lg: 0 30px 70px rgba(6, 42, 62, .30);

  /* Layout */
  --tps-header-h: 64px;
  --tps-sidebar-w: 260px;
  --tps-sidebar-mini: 72px;

  --tps-font: 'Plus Jakarta Sans', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}