/* ==========================================================================
   DQ Design - Tema kampus.
   Setiap kampus punya tema sendiri; tiap tema HANYA mendefinisikan satu warna merek + padanan RGB-nya
   (dan, bila perlu, warna teks di atas merek serta ujung gradasi yang lebih gelap supaya teks putih tetap terbaca).
   Seluruh ramp (hover, pressed, light, dark) diturunkan dengan color-mix().

   Pilih tema lewat atribut pada <html>:  data-dq-theme="dq1|dq2|dq3|dq4|dq5"
     dq1 Medium Blue #0000CD, dq2 Forest Green #228B22, dq3 Purple #800080, dq4 Carrot Orange #ED9121, dq5 Steel Blue #4682B4
   ========================================================================== */

:root[data-dq-theme="dq1"] { --dq-brand-base: #0000cd; --dq-brand-rgb: 0, 0, 205;    --dq-accent: #ffc83d; }   /* Medium Blue */
:root[data-dq-theme="dq2"] { --dq-brand-base: #228b22; --dq-brand-rgb: 34, 139, 34;  --dq-accent: #f2c14e; }   /* Forest Green */
:root[data-dq-theme="dq3"] { --dq-brand-base: #800080; --dq-brand-rgb: 128, 0, 128;  --dq-accent: #f0b429; }   /* Purple */
:root[data-dq-theme="dq5"] { --dq-brand-base: #4682b4; --dq-brand-rgb: 70, 130, 180; --dq-accent: #f2a900; }   /* Steel Blue */
/* Carrot Orange terang: teks di atasnya gelap, dan gradasi topbar/hero berujung lebih gelap (teks putih tidak terbaca di atas #ED9121). */
:root[data-dq-theme="dq4"] {
  --dq-brand-base: #ed9121; --dq-brand-rgb: 237, 145, 33; --dq-accent: #7a4a00;                                  /* Carrot Orange */
  --dq-brand-fg: #1d1500;
  --dq-flow-mid: color-mix(in srgb, var(--dq-brand-base) 66%, black);
  --dq-grad-end: color-mix(in srgb, var(--dq-brand-base) 66%, black);
  --dq-brand-ink: color-mix(in srgb, var(--dq-brand-base) 58%, black);
}

/* Fallback jika atribut belum diset: DQ2 (Forest Green, warna bawaan) */
:root:not([data-dq-theme]) { --dq-brand-base: #228b22; --dq-brand-rgb: 34, 139, 34; --dq-accent: #f2c14e; }
/* Ramp turunan - semua dihitung dari --dq-brand-base.
   Mode terang: fill = base. Mode gelap: fill sedikit dilunakkan, tint memakai permukaan gelap. */
:root {
  --dq-brand:          var(--dq-brand-base);
  --dq-brand-fg:       #ffffff;                                                 /* teks di atas brand (tema dq4 menimpanya dengan teks gelap) */
  --dq-flow-mid:       var(--dq-brand-base);                                    /* titik tengah gradasi topbar/hero */
  --dq-grad-end:       var(--dq-brand);                                         /* ujung gradasi merek */
  --dq-brand-ink:      var(--dq-brand);                                         /* teks/garis merek di atas permukaan terang (dq4 menggelapkannya) */
  --dq-brand-hover:    color-mix(in srgb, var(--dq-brand) 86%, black);
  --dq-brand-pressed:  color-mix(in srgb, var(--dq-brand) 72%, black);
  --dq-brand-dark:     color-mix(in srgb, var(--dq-brand-base) 60%, black);     /* topbar / hero */
  --dq-brand-darker:   color-mix(in srgb, var(--dq-brand-base) 42%, black);
  --dq-brand-text:     var(--dq-brand-dark);                                    /* teks/ikon aksen di atas surface */
  --dq-brand-light:    color-mix(in srgb, var(--dq-brand-base) 30%, white);
  --dq-brand-lighter:  color-mix(in srgb, var(--dq-brand-base) 10%, white);
  --dq-brand-subtle:   color-mix(in srgb, var(--dq-brand-base) 5%,  white);
  --dq-brand-gradient: linear-gradient(135deg, var(--dq-brand-dark), var(--dq-grad-end));
  /* Sidebar: gradasi vertikal lembut warna kampus (padanan SideBar lama Silva), mengikuti mode terang/gelap lewat surface. */
  --dq-sidebar-bg: linear-gradient(180deg,
    color-mix(in srgb, var(--dq-brand-base)  5%, var(--dq-neutral-surface)) 0%,
    color-mix(in srgb, var(--dq-brand-base) 13%, var(--dq-neutral-surface)) 28%,
    color-mix(in srgb, var(--dq-brand-base) 21%, var(--dq-neutral-surface)) 58%,
    color-mix(in srgb, var(--dq-brand-base) 12%, var(--dq-neutral-surface)) 82%,
    color-mix(in srgb, var(--dq-brand-base)  6%, var(--dq-neutral-surface)) 100%);
  /* Top bar: gradasi bergerak + kilau yang menyapu (padanan TopBar lama Silva). */
  --dq-topbar-flow: linear-gradient(135deg, var(--dq-brand-darker) 0%, var(--dq-brand-dark) 24%, var(--dq-flow-mid) 52%, var(--dq-brand-dark) 78%, var(--dq-brand-darker) 100%);
  /* Hero: gradasi lebih lebar agar pergeserannya terlihat (dipakai .dq-hero, animasi di dq-components.css). */
  --dq-hero-flow: linear-gradient(120deg, var(--dq-brand-darker) 0%, var(--dq-brand-dark) 22%, var(--dq-flow-mid) 50%, var(--dq-brand-dark) 78%, var(--dq-brand-darker) 100%);
  --dq-topbar-sheen: linear-gradient(105deg, transparent 38%, rgba(255,255,255,.09) 50%, transparent 62%);
}
:root[data-dq-mode="dark"] {
  --dq-brand:          color-mix(in srgb, var(--dq-brand-base) 85%, white);
  --dq-brand-text:     color-mix(in srgb, var(--dq-brand-base) 55%, white);
  --dq-brand-light:    color-mix(in srgb, var(--dq-brand-base) 55%, var(--dq-neutral-surface));
  --dq-brand-lighter:  color-mix(in srgb, var(--dq-brand-base) 28%, var(--dq-neutral-surface));
  --dq-brand-subtle:   color-mix(in srgb, var(--dq-brand-base) 14%, var(--dq-neutral-surface));
  --dq-brand-hover:    color-mix(in srgb, var(--dq-brand) 88%, white);
  --dq-brand-pressed:  color-mix(in srgb, var(--dq-brand) 80%, black);
}

/* Warna identitas tiap kampus (untuk pemilih portal/login; tidak bergantung tema aktif) */
:root { --dq-campus-dq1: #0000cd; --dq-campus-dq2: #228b22; --dq-campus-dq3: #800080; --dq-campus-dq4: #ed9121; --dq-campus-dq5: #4682b4; }
:root[data-dq-theme="dq4"][data-dq-mode="dark"] { --dq-brand-ink: var(--dq-brand); }