/* =====================================================================
   BRAND SSO — override token warna dari DESIGN-KIT/tokens.css
   Dimuat SETELAH tokens.css + components.css, jadi kit tetap utuh/generik
   dan rebrand ini bisa dicabut hanya dengan menghapus satu <link>.

   Warna diambil langsung dari logo SSO:
     biru   #336AC7   (huruf "SS")
     kuning #F8CB28   (huruf "O")
   ===================================================================== */

/* ---------------------------------------------------------- TERANG ---- */
:root, :root[data-theme="light"] {
  --brand:      #336AC7;   /* aksen utama: ikon aktif, garis sidebar, tautan */
  --brand-soft: #E8F0FC;
  --pill:       #336AC7;   /* tombol utama */
  --pill-ink:   #ffffff;
  --hero-a:     #3F7AD8;   /* gradasi kartu hero — dari */
  --hero-b:     #1E4894;   /* gradasi kartu hero — ke   */

  /* kuning logo: dipakai sebagai aksen, bukan warna teks (kontrasnya rendah) */
  --sso-kuning:      #F8CB28;
  --sso-kuning-tua:  #A97A00;   /* versi terbaca untuk teks/ikon di atas terang */
  --sso-kuning-soft: #FDF4D8;

  /* status "perlu perhatian" diselaraskan ke kuning logo */
  --warn:      var(--sso-kuning-tua);
  --warn-soft: var(--sso-kuning-soft);

  /* aksen sekunder kit ikut biru SSO supaya grafik/bar sewarna brand */
  --c-blue: #336AC7;
}

/* ----------------------------------------------------------- GELAP ---- */
:root[data-theme="dark"] {
  --brand:      #7BA6EC;
  --brand-soft: #16243D;
  --pill:       #3A73CE;
  --pill-ink:   #ffffff;
  --hero-a:     #2F63BF;
  --hero-b:     #12305F;

  --sso-kuning:      #F8CB28;
  --sso-kuning-tua:  #E8B93A;
  --sso-kuning-soft: #2E2612;

  --warn:      var(--sso-kuning-tua);
  --warn-soft: var(--sso-kuning-soft);

  --c-blue: #5B8FE0;
}

/* gelap mengikuti sistem (tanpa atribut data-theme sama sekali) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand:      #7BA6EC;
    --brand-soft: #16243D;
    --pill:       #3A73CE;
    --pill-ink:   #ffffff;
    --hero-a:     #2F63BF;
    --hero-b:     #12305F;

    --sso-kuning:      #F8CB28;
    --sso-kuning-tua:  #E8B93A;
    --sso-kuning-soft: #2E2612;

    --warn:      var(--sso-kuning-tua);
    --warn-soft: var(--sso-kuning-soft);

    --c-blue: #5B8FE0;
  }
}

/* ------------------------------------------------- pemakaian kuning ---- */

/* bar progres: biru -> kuning, dua warna logo dalam satu elemen */
.bfill { background: linear-gradient(90deg, var(--brand), var(--sso-kuning)); }

/* logo SSO adalah wordmark memanjang — tampil apa adanya, tanpa kotak abu-abu */
.rail .logo img {
  width: auto; height: 26px; max-width: 140px;
  background: transparent; border-color: transparent; padding: 0;
  border-radius: 0;
}