/* ══════════════════════════════════════════════════════════════════
   Tema iReload — SATU-SATUNYA sumber warna.
   Palet diambil dari public/gambar/logo-ireload.png (neon cyan/electric
   blue di atas chrome navy). Mau ganti tema? Cukup edit blok :root ini.

   Dimuat di layouts/app.blade.php SETELAH main.min.css.
   Jangan tulis hex baru di <style> halaman — pakai var(--...) di bawah.
   ══════════════════════════════════════════════════════════════════ */

:root {
    /* ── Brand (hasil sampling pixel logo) ── */
    --brand-cyan: #00E5FF;
    /* glow utama naga + outline huruf */
    --brand-blue: #0091FF;
    /* inti stroke biru elektrik */
    --brand-deep: #0047B3;
    /* bayangan glow terdalam */
    --brand-steel: #203040;
    /* body naga / bevel chrome */
    --brand-pale: #7FF3FF;
    /* highlight cyan pucat */

    /* triplet RGB brand — untuk glow/border semi-transparan */
    --brand-cyan-rgb: 0 229 255;
    --brand-blue-rgb: 0 145 255;

    /* ── Permukaan, sebagai triplet RGB supaya bisa dipakai
         bareng --tw-bg-opacity milik Tailwind build lama ── */
    --c-bg-rgb: 7 11 20;
    /* #070B14 dasar navy   (dulu #1E2022) */
    --c-surface-rgb: 18 23 36;
    /* #121724 kartu        (dulu #34373B) */
    --c-surface-2-rgb: 26 33 50;
    /* #1A2132 kartu naik   (dulu #3D4348) */
    --c-surface-3-rgb: 38 48 72;
    /* #263048 border/btn   (dulu #4A5157) */
    --c-muted-rgb: 147 162 184;
    /* #93A2B8 teks redup   (dulu #9DA5AB) */

    --bg: rgb(var(--c-bg-rgb));
    --surface: rgb(var(--c-surface-rgb));
    --surface-2: rgb(var(--c-surface-2-rgb));
    --surface-3: rgb(var(--c-surface-3-rgb));
    --muted: rgb(var(--c-muted-rgb));

    --line: rgba(0, 229, 255, .12);
    --glow: rgba(0, 145, 255, .45);
    --grad: linear-gradient(100deg, var(--brand-blue), var(--brand-cyan));

    /* ── Alias nama lama. Dipertahankan supaya CSS & class yang sudah
         ada tetap hidup tanpa harus disisir satu-satu. ── */
    --text-color: var(--grad);
    --background-color: var(--grad);
    --border-color: var(--brand-blue);
    --ember: var(--brand-blue);
    /* dulu #FF3131 */
    --amber: var(--brand-cyan);
    /* dulu #FF914D */
    --gold: var(--brand-pale);
    /* dulu #FFE878 */
    /* ── Status. Sengaja TETAP hangat, bukan biru: merah/kuning/hijau
         adalah makna (gagal / menunggu / sukses), bukan brand. Kalau
         diikutkan jadi biru, user tidak bisa bedakan status. ── */
    --danger-rgb: 239 68 68;
    --warning-rgb: 245 158 11;
    --success-rgb: 34 197 94;

    --danger-300: #FCA5A5;
    /* teks redup di atas permukaan gelap */
    --danger-400: #F87171;
    /* teks / ikon status gagal */
    --danger-500: rgb(var(--danger-rgb));
    /* bg & border solid */
    --danger-600: #DC2626;
    /* hover */
    --danger-700: #B91C1C;
    /* active */
    --danger-800: #991B1B;
    --danger-900: #7F1D1D;
    /* disabled */

    --warning-400: #FACC15;
    --warning-500: rgb(var(--warning-rgb));
    --success-500: rgb(var(--success-rgb));

    --danger: var(--danger-500);
    /* alias */
}

body {
    background-color: var(--bg);
}