/* ============================================================
   AUTO-GENERATED THEME
   Source: tb_color @ 2026-10-07 16:54:38   JANGAN EDIT MANUAL - ubah lewat panel thema-web.php
   ============================================================ */

:root {
    /* ===== Warna Utama ===== */
    --primary:       #0D47A1;
    --primary-light: #1E88E5;
    --primary-dark:  #062B66;

    /* ===== Primary Turunan (auto) ===== */
    --primary-rgb:           13, 71, 161;
    --primary-transparent:   rgba(13, 71, 161, 0.15);
    --primary-transparent-2: rgba(13, 71, 161, 0.25);
    --primary-glow:          rgba(13, 71, 161, 0.5);

    /* ===== Background ===== */
    --dark:         #0a0a0a;
    --bg-body:      #121212;
    --bg-card:      #1a1a1a;
    --bg-card-2:    #242424;
    --bg-input:     #0d0d0d;
    --bg-nav-atas:  #000000;
    --bg-nav-bawah: #062B66;

    /* ===== Border ===== */
    --border:       #2a2a2a;
    --border-light: #1f1f1f;

    /* ===== Text ===== */
    --text-primary:     #ffffff;
    --text-secondary:   #aaaaaa;
    --text-muted:       #888888;
    --text-placeholder: #666666;

    /* ===== Status ===== */
    --success:      #00ffae;
    --success-dark: #00c896;
    --success-bg:   rgba(0, 255, 174, 0.15);

    --danger:       #ff4d4d;
    --danger-bg:    rgba(255, 77, 77, 0.15);

    --warning:      #ffcb13;
    --warning-bg:   rgba(255, 203, 19, 0.15);

    --gold:         #ffd700;

    /* ===== Gradient (auto dari primary) ===== */
    --gradient-primary: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-light) 100%);
    --gradient-card:    linear-gradient(135deg, var(--bg-card) 0%, var(--dark) 100%);
    --gradient-nav:     linear-gradient(to bottom, var(--primary) 0%, var(--bg-nav-atas) 100%);
    --gradient-header:  linear-gradient(to bottom, var(--bg-card-2) 0%, var(--dark) 100%);
    --gradient-fire:    linear-gradient(135deg, var(--primary-light) 0%, var(--primary-dark) 100%);

    /* ===== Shadow & efek ===== */
    --shadow-card:  0 2px 8px rgba(0, 0, 0, 0.5);
    --shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.9);
    --shadow-glow:  0 0 12px rgba(13, 71, 161, 0.5);

    /* ===== Ukuran & transisi ===== */
    --radius-sm:   6px;
    --radius-md:   10px;
    --radius-lg:   12px;
    --radius-xl:   16px;
    --radius-pill: 30px;
    --transition:  0.2s ease;
}