/*
  PUSAT WARNA WEBSITE PPDB
  Ubah warna website dari file ini saja.
  Catatan:
  - File ini dipakai oleh halaman utama, form pendaftaran, panel siswa, panel admin, dan chatbot.
  - File Bootstrap/vendor tidak perlu diubah karena hanya library bawaan.
*/

:root {
  /* WARNA UTAMA BRAND
     Dipakai untuk navbar, header, sidebar aktif, tombol utama, dan aksen identitas DPL.
     Kalau ingin mengubah warna utama web saat ujian, cukup ubah --ppdb-green saja.
     Warna turunan di bawahnya otomatis mengikuti warna utama. */
  --ppdb-green: #0f5f4f;
  --ppdb-legacy-green: var(--ppdb-green);
  --ppdb-green-dark: color-mix(in srgb, var(--ppdb-green) 82%, black);
  --ppdb-green-deep: color-mix(in srgb, var(--ppdb-green) 52%, black);
  --ppdb-green-alt: color-mix(in srgb, var(--ppdb-green) 92%, white);
  --ppdb-green-alt-2: color-mix(in srgb, var(--ppdb-green) 88%, white);
  --ppdb-green-alt-3: color-mix(in srgb, var(--ppdb-green) 80%, black);
  --ppdb-green-text: color-mix(in srgb, var(--ppdb-green) 76%, black);
  --ppdb-green-soft: color-mix(in srgb, var(--ppdb-green) 9%, white);
  --ppdb-green-soft-2: color-mix(in srgb, var(--ppdb-green) 6%, white);
  --ppdb-green-soft-3: color-mix(in srgb, var(--ppdb-green) 8%, white);
  --ppdb-mint: var(--ppdb-green-soft);

  /* WARNA TEAL/BIRU
     Dipakai untuk tombol aksi, chatbot Dina Assistant, progres, dan status aktif. */
  --ppdb-teal: color-mix(in srgb, var(--ppdb-green) 84%, white);
  --ppdb-teal-hover: color-mix(in srgb, var(--ppdb-green) 76%, black);
  --ppdb-teal-dark: color-mix(in srgb, var(--ppdb-green) 78%, black);
  --ppdb-teal-deep: color-mix(in srgb, var(--ppdb-green) 65%, black);
  --ppdb-teal-medium: color-mix(in srgb, var(--ppdb-green) 80%, white);
  --ppdb-teal-bright: color-mix(in srgb, var(--ppdb-green) 74%, white);
  --ppdb-teal-soft: color-mix(in srgb, var(--ppdb-green) 12%, white);
  --ppdb-teal-soft-2: color-mix(in srgb, var(--ppdb-green) 10%, white);
  --ppdb-teal-line: color-mix(in srgb, var(--ppdb-green) 38%, white);
  --ppdb-teal-shadow: color-mix(in srgb, var(--ppdb-green) 13%, transparent);
  --ppdb-teal-shadow-soft: color-mix(in srgb, var(--ppdb-green) 12%, transparent);
  --ppdb-teal-shadow-strong: color-mix(in srgb, var(--ppdb-green) 24%, transparent);
  --ppdb-green-2: var(--ppdb-teal);

  /* WARNA STATUS SUKSES
     Dipakai untuk status diterima/lulus/selesai dan badge hijau. */
  --ppdb-success: #4caf50;
  --ppdb-success-2: #1fb868;
  --ppdb-success-3: #2fa866;
  --ppdb-success-soft: #e9f7ef;
  --ppdb-success-line: #c7e8d6;
  --ppdb-success-text: #1f8b4c;

  /* WARNA STATUS MENUNGGU / PERINGATAN
     Dipakai untuk tombol menunggu, highlight kuning, dan badge proses. */
  --ppdb-warning: #f4b23f;
  --ppdb-warning-2: #f4b23d;
  --ppdb-warning-dark: #dc9b24;
  --ppdb-warning-soft: #fff7e7;
  --ppdb-warning-soft-2: #fff4dc;
  --ppdb-warning-line: #f2d199;
  --ppdb-warning-text: #865c13;
  --ppdb-warning-icon: #b87412;
  --ppdb-warning-ink: #17362f;
  --ppdb-warning-ink-2: #14362f;
  --ppdb-warning-ink-3: #19312b;
  --ppdb-gold: #f2c94c;
  --ppdb-gold-button: #f8d950;
  --ppdb-gold-bright: #ffdc22;
  --ppdb-gold-light: #ffe86a;

  /* WARNA STATUS GAGAL / DITOLAK
     Dipakai untuk tombol hapus, ditolak, error, dan peringatan merah. */
  --ppdb-danger: #d9564b;
  --ppdb-danger-2: #dc584f;
  --ppdb-danger-soft: #fff0ef;
  --ppdb-danger-soft-2: #fdecea;
  --ppdb-danger-line: #edc0bc;
  --ppdb-danger-text: #96332d;
  --ppdb-danger-shadow: rgba(217, 86, 75, .13);
  --ppdb-error-bg: #FFBABA;
  --ppdb-error-text: #D8000C;

  /* WARNA AKSEN MENU/KARTU
     Dipakai untuk garis atas card dashboard, statistik, dan ikon. */
  --ppdb-lime: #8bc34a;
  --ppdb-cyan: #26a69a;
  --ppdb-sky: #29b6f6;
  --ppdb-orange: #ffa726;

  /* WARNA BACKGROUND DAN PERMUKAAN
     Dipakai untuk background halaman, panel, card, tabel, modal, dan form. */
  --ppdb-body-bg: #f5faf7;
  --ppdb-page-bg: #f4f8f6;
  --ppdb-panel-bg: #ffffff;
  --ppdb-panel-soft: #f7fbf9;
  --ppdb-panel-soft-2: #f5faf8;
  --ppdb-panel-soft-3: #f4faf7;
  --ppdb-panel-soft-4: #f2f5f4;
  --ppdb-panel-soft-5: #f3f6f5;
  --ppdb-panel-soft-6: #f7faf8;
  --ppdb-panel-soft-7: #f9fbfa;
  --ppdb-white: #ffffff;
  --ppdb-white-rgb: 255, 255, 255;
  --ppdb-surface: var(--ppdb-panel-bg);

  /* WARNA TEKS
     Dipakai untuk judul, isi teks, teks sekunder, dan teks nonaktif. */
  --ppdb-ink: #1f2f2b;
  --ppdb-ink-2: #102620;
  --ppdb-ink-3: #172c25;
  --ppdb-ink-4: #18332d;
  --ppdb-ink-5: #183333;
  --ppdb-text-dark: #222;
  --ppdb-black: #000000;
  --ppdb-text: #243832;
  --ppdb-text-2: #253832;
  --ppdb-text-3: #233631;
  --ppdb-text-4: #23352f;
  --ppdb-text-5: #20352f;
  --ppdb-text-6: #273a35;
  --ppdb-text-7: #43554f;
  --ppdb-text-8: #40524d;
  --ppdb-text-muted: #64746f;
  --ppdb-text-muted-2: #6a7b75;
  --ppdb-text-muted-3: #71837d;
  --ppdb-text-muted-4: #73837e;
  --ppdb-text-muted-5: #7a8a85;
  --ppdb-text-muted-6: #6c7b76;
  --ppdb-text-muted-7: #6d7d78;
  --ppdb-text-muted-8: #60736d;
  --ppdb-text-muted-9: #82918c;
  --ppdb-text-disabled: #9aa7a2;
  --ppdb-text-disabled-2: #8ca09a;
  --ppdb-muted: var(--ppdb-text-muted);

  /* WARNA GARIS / BORDER
     Dipakai untuk garis card, input, tabel, modal, dan pemisah. */
  --ppdb-line: #dbe7e2;
  --ppdb-line-2: #dfeae5;
  --ppdb-line-3: #edf3f0;
  --ppdb-line-4: #e0ebe6;
  --ppdb-line-5: #dceae4;
  --ppdb-line-6: #dfece7;
  --ppdb-line-7: #e4eee9;
  --ppdb-line-8: #e5eee9;
  --ppdb-line-9: #e6ecea;
  --ppdb-line-10: #d4e1de;
  --ppdb-input-border: #cfded8;
  --ppdb-input-blue: #e9f1ff;
  --ppdb-input-placeholder: #8794a7;
  --ppdb-border-soft: #d5e3dd;
  --ppdb-border-soft-2: #dcebe6;
  --ppdb-border-mint: #b9dfd2;
  --ppdb-border-mint-2: #bfe6cf;
  --ppdb-border-mint-3: #cfe7df;
  --ppdb-scrollbar: #a8c8bd;

  /* WARNA TABEL LAMA / HALAMAN INFORMASI
     Dipakai untuk tabel pencarian, accordion informasi, map/kontak lama, dan halaman public lama. */
  --ppdb-table-text: #666666;
  --ppdb-table-bg: #eaebec;
  --ppdb-table-border: #cccccc;
  --ppdb-table-line: #e0e0e0;
  --ppdb-table-head: #ededed;
  --ppdb-table-cell: #fafafa;
  --ppdb-table-cell-top: #fbfbfb;
  --ppdb-table-hover: #f2f2f2;
  --ppdb-table-hover-end: #f0f0f0;
  --ppdb-section-title: #0b5f70;
  --ppdb-section-text: #4d4d4d;
  --ppdb-link: #337ab7;
  --ppdb-link-hover: #23527c;
  --ppdb-map-line: #e1edff;
  --ppdb-map-header: #508abb;
  --ppdb-map-header-border: #6ea1cc;
  --ppdb-map-text: #353535;
  --ppdb-map-soft: #f4fbff;
  --ppdb-map-highlight: #ffffa2;
  --ppdb-map-highlight-line: #ffff0f;

  /* WARNA DOKUMEN CETAK / EXPORT
     Dipakai untuk bukti pendaftaran, surat lulus, rekap, dan tabel dokumen cetak. */
  --ppdb-print-blue: #0070C0;
  --ppdb-print-text-light: #f1f1f1;
  --ppdb-print-row: var(--ppdb-table-hover);

  /* WARNA HALAMAN INSTRUKSI PEMBAYARAN
     Dipakai pada halaman instruksi/lanjutkan pembayaran Midtrans. */
  --ppdb-payment-page-bg: #f4f7f6;
  --ppdb-payment-card-line: #dddddd;
  --ppdb-payment-deadline: #b94a48;
  --ppdb-payment-code-bg: #f7fbfa;
  --ppdb-payment-code-line: #d9e6e3;

  /* WARNA CHATBOT LAMA
     Dipakai hanya jika footer chatbot lama masih terpanggil di halaman lama. */
  --ppdb-legacy-chat-blue: #2c7be5;
  --ppdb-legacy-chat-bg: #f4f4f4;
  --ppdb-legacy-chat-bot: #e9ecef;

  /* WARNA TOMBOL GELAP
     Dipakai untuk tombol login/submit hitam. */
  --ppdb-dark: #2B2E33;
  --ppdb-dark-hover: #1f2226;
  --ppdb-dark-pill: #1f2f2b;

  /* WARNA GLASS / TRANSPARAN
     Dipakai untuk frame brand, hero overlay, tombol transparan, dan hover. */
  --ppdb-brand-bg: rgba(255, 255, 255, .16);
  --ppdb-brand-border: rgba(255, 255, 255, .2);
  --ppdb-white-glass: rgba(255, 255, 255, .14);
  --ppdb-white-glass-2: rgba(255, 255, 255, .24);
  --ppdb-white-glass-3: rgba(255, 255, 255, .34);
  --ppdb-white-glass-line: rgba(255, 255, 255, .18);
  --ppdb-white-strong: rgba(255, 255, 255, .86);
  --ppdb-white-border: rgba(255, 255, 255, .75);
  --ppdb-white-border-strong: rgba(255, 255, 255, .88);
  --ppdb-white-panel: rgba(255, 255, 255, .92);
  --ppdb-navbar-glass: color-mix(in srgb, var(--ppdb-green) 90%, transparent);
  --ppdb-navbar-strong: color-mix(in srgb, var(--ppdb-green) 96%, transparent);
  --ppdb-navbar-soft: color-mix(in srgb, var(--ppdb-green) 12%, transparent);
  --ppdb-green-wash: color-mix(in srgb, var(--ppdb-green) 8%, transparent);
  --ppdb-body-bg-strong: rgba(245, 250, 247, .98);
  --ppdb-hero-overlay-start: color-mix(in srgb, var(--ppdb-green-deep) 70%, transparent);
  --ppdb-hero-overlay-mid: color-mix(in srgb, var(--ppdb-green-deep) 42%, transparent);
  --ppdb-hero-overlay-end: color-mix(in srgb, var(--ppdb-green-deep) 38%, transparent);
  --ppdb-transparent-bg: rgba(245, 250, 247, 0);

  /* BAYANGAN
     Dipakai untuk card, panel, navbar, chatbot, tombol, dan hover. */
  --ppdb-shadow-color: rgba(20, 54, 47, .13);
  --ppdb-shadow-color-soft: rgba(20, 54, 47, .08);
  --ppdb-shadow-color-strong: rgba(20, 54, 47, .18);
  --ppdb-shadow-color-mid: rgba(20, 54, 47, .16);
  --ppdb-shadow-login: rgba(20, 54, 47, .22);
  --ppdb-shadow-navbar: rgba(14, 43, 37, .18);
  --ppdb-shadow-navbar-soft: rgba(14, 43, 37, .13);
  --ppdb-shadow-navbar-mid: rgba(14, 43, 37, .14);
  --ppdb-shadow-green: color-mix(in srgb, var(--ppdb-green) 18%, transparent);
  --ppdb-shadow-green-mid: color-mix(in srgb, var(--ppdb-green) 16%, transparent);
  --ppdb-shadow-green-soft: color-mix(in srgb, var(--ppdb-green) 12%, transparent);
  --ppdb-shadow-dark: rgba(15, 33, 27, .22);
  --ppdb-shadow-button-green: color-mix(in srgb, var(--ppdb-green) 18%, transparent);
  --ppdb-shadow-hero-soft: rgba(6, 35, 30, .14);
  --ppdb-shadow-black: rgba(0, 0, 0, .24);
  --ppdb-shadow-black-soft: rgba(0, 0, 0, .2);
  --ppdb-shadow-black-subtle: rgba(0, 0, 0, 0.06);
  --ppdb-shadow-black-text: rgba(0, 0, 0, .42);
  --ppdb-shadow-black-text-strong: rgba(0, 0, 0, .65);
  --ppdb-shadow-black-text-soft: rgba(0, 0, 0, .28);
  --ppdb-warning-shadow: rgba(244, 178, 63, .38);
  --ppdb-cyan-shadow: rgba(38, 166, 154, .32);
  --ppdb-shadow: 0 18px 45px var(--ppdb-shadow-color);

  /* CHATBOT DINA ASSISTANT
     Dipakai untuk tombol Dina, header percakapan, bubble chat, quick button, dan tombol WhatsApp. */
  --ppdb-chatbot-primary: var(--ppdb-teal);
  --ppdb-chatbot-primary-hover: var(--ppdb-teal-hover);
  --ppdb-chatbot-frame: #5c5c5c;
  --ppdb-chatbot-body-bg: #f5faf9;
  --ppdb-chatbot-bubble-text: #263c3c;
  --ppdb-chatbot-muted: #688080;
  --ppdb-chatbot-muted-2: #5f7575;
  --ppdb-chatbot-scrollbar: #9fb7b7;
  --ppdb-chatbot-border: #e3eeee;
  --ppdb-chatbot-border-2: #d8e7e7;
  --ppdb-chatbot-border-3: #d9e5e5;
  --ppdb-chatbot-soft: #e9f6f5;
  --ppdb-chatbot-soft-2: #f8fcfc;
  --ppdb-chatbot-soft-3: #e7eeee;
  --ppdb-chatbot-shadow: rgba(22, 121, 131, .26);
  --ppdb-chatbot-shadow-hover: rgba(22, 121, 131, .34);
  --ppdb-chatbot-shadow-message: rgba(13, 52, 52, .06);
  --ppdb-chatbot-shadow-avatar: rgba(13, 52, 52, .1);
  --ppdb-chatbot-border-glow: rgba(22, 121, 131, .22);
  --ppdb-whatsapp: #25d366;
  --ppdb-whatsapp-hover: #1db85a;
  --ppdb-whatsapp-shadow: rgba(37, 211, 102, .26);
  --ppdb-whatsapp-shadow-hover: rgba(37, 211, 102, .2);

  /* STATUS ALUR PPDB
     Dipakai pada halaman Status PPDB siswa: progres, step selesai, step saat ini, dan step menunggu. */
  --ppdb-flow-ink: #0b2525;
  --ppdb-flow-green: var(--ppdb-green);
  --ppdb-flow-teal-end: var(--ppdb-teal);
  --ppdb-flow-note: #466060;
  --ppdb-flow-muted: #718686;
  --ppdb-flow-muted-2: #6a7d7d;
  --ppdb-flow-muted-3: #6b7b7b;
  --ppdb-flow-muted-4: #7a8a8a;
  --ppdb-flow-muted-5: #879595;
  --ppdb-flow-line: #dceceb;
  --ppdb-flow-line-2: #e6eeee;
  --ppdb-flow-line-3: #cfe7e5;
  --ppdb-flow-track: #dcebea;
  --ppdb-flow-pending: #c6d8d8;
  --ppdb-flow-soft: #e9f6f1;
  --ppdb-flow-soft-2: #edf6f3;
  --ppdb-flow-soft-3: #edf2f2;
  --ppdb-flow-soft-4: #f1f4f4;
  --ppdb-flow-hero: #f2fbfa;
  --ppdb-flow-current-soft: #f3fbfa;
  --ppdb-flow-shadow: rgba(13, 52, 52, .08);
  --ppdb-flow-shadow-soft: rgba(13, 52, 52, .07);
  --ppdb-flow-shadow-hover: rgba(13, 52, 52, .1);
}