/* ============================================================
   かぜXONE — theme.css
   Variabel warna & tema. Default: Putih x Hitam (Black & White).
   Tema lain tetap tersedia lewat [data-theme="..."] di <html>.
   ============================================================ */

/* Font judul kustom — dipakai HANYA untuk teks judul (lihat base.css) */
@font-face{
  font-family:'JudulFont';
  src:url('../fonts/JudulFont.ttf') format('truetype');
  font-weight:normal;font-style:normal;font-display:swap;
}

/* ===== DEFAULT: Putih x Hitam (Black & White) ===== */
:root,[data-theme="putih-hitam"]{
  --blue-100:#ffffff; --blue-200:#e5e5e5; --blue-300:#d4d4d4;
  --blue-400:#ffffff; --blue-500:#ffffff; --blue-600:#d4d4d4; --blue-700:#a3a3a3;
  --accent-rgb:255,255,255; --accent-deep-rgb:180,180,180;
  --soft-rgb:200,200,200; --base-rgb:0,0,0; --glass-rgb:10,10,10;
  --dim-rgb:150,150,150; --text:#ffffff; --text-dim:#a3a3a3;
  --body-bg:#000000; --glass-bg:rgba(12,12,12,.62);
  --glass-bg-2:rgba(12,12,12,.42);
  --glass-border:rgba(255,255,255,.18);
  --glass-border-strong:rgba(255,255,255,.38);
  --shadow:0 8px 32px rgba(0,0,0,.6);
  --input-bg:rgba(0,0,0,.7);
  --brand-grad-1:#ffffff; --brand-grad-2:#d4d4d4; --brand-grad-3:#737373;
  --brand-accent:#ffffff; --on-accent:#000000;
  --overlay-1:rgba(255,255,255,.06); --overlay-2:rgba(180,180,180,.04);
  --ok:#4ade80; --err:#f87171;
  --radius:18px; --blur:18px;
}

/* ===== Tema lain (opsional, dipilih via Pengaturan > Warna Tema) ===== */
[data-theme="biru"]{
  --blue-100:#dbeafe; --blue-200:#bfdbfe; --blue-300:#93c5fd;
  --blue-400:#60a5fa; --blue-500:#3b82f6; --blue-600:#2563eb; --blue-700:#1d4ed8;
  --accent-rgb:59,130,246; --accent-deep-rgb:37,99,235;
  --soft-rgb:147,197,253; --base-rgb:2,6,23; --glass-rgb:15,23,42;
  --dim-rgb:168,190,222; --text:#eaf2ff; --text-dim:#a8bede;
  --body-bg:#020617; --glass-bg:rgba(15,23,42,.45);
  --glass-bg-2:rgba(15,23,42,.30);
  --glass-border:rgba(147,197,253,.22);
  --glass-border-strong:rgba(147,197,253,.40);
  --shadow:0 8px 32px rgba(2,8,23,.45);
  --input-bg:rgba(2,6,23,.55);
  --brand-grad-1:#3b82f6; --brand-grad-2:#1d4ed8; --brand-grad-3:#1e3a8a;
  --brand-accent:#93c5fd; --on-accent:#ffffff;
  --overlay-1:rgba(59,130,246,.28); --overlay-2:rgba(37,99,235,.25);
  --ok:#4ade80; --err:#f87171;
  --radius:18px; --blur:18px;
}
[data-theme="merah"]{--blue-100:#fee2e2;--blue-200:#fecaca;--blue-300:#fca5a5;--blue-400:#f87171;--blue-500:#ef4444;--blue-600:#dc2626;--blue-700:#b91c1c;--accent-rgb:239,68,68;--accent-deep-rgb:185,28,28;--soft-rgb:252,165,165;--base-rgb:10,2,4;--glass-rgb:26,8,12;--dim-rgb:226,180,180;--text:#ffeeee;--text-dim:#e0b8b8;--body-bg:#0a0204;--glass-bg:rgba(26,8,12,.45);--glass-bg-2:rgba(26,8,12,.30);--glass-border:rgba(252,165,165,.22);--glass-border-strong:rgba(252,165,165,.40);--shadow:0 8px 32px rgba(10,2,4,.5);--input-bg:rgba(10,2,4,.55);--brand-grad-1:#ef4444;--brand-grad-2:#b91c1c;--brand-grad-3:#7f1d1d;--brand-accent:#fca5a5;--on-accent:#ffffff;--overlay-1:rgba(239,68,68,.30);--overlay-2:rgba(185,28,28,.26)}
[data-theme="kuning"]{--blue-100:#fef3c7;--blue-200:#fde68a;--blue-300:#fcd34d;--blue-400:#fbbf24;--blue-500:#f59e0b;--blue-600:#d97706;--blue-700:#b45309;--accent-rgb:245,158,11;--accent-deep-rgb:180,83,9;--soft-rgb:252,211,77;--base-rgb:18,12,2;--glass-rgb:32,22,6;--dim-rgb:226,208,160;--text:#fff8e1;--text-dim:#e0cfa0;--body-bg:#0e0a02;--glass-bg:rgba(32,22,6,.45);--glass-bg-2:rgba(32,22,6,.30);--glass-border:rgba(252,211,77,.22);--glass-border-strong:rgba(252,211,77,.42);--shadow:0 8px 32px rgba(18,12,2,.5);--input-bg:rgba(18,12,2,.55);--brand-grad-1:#fbbf24;--brand-grad-2:#d97706;--brand-grad-3:#92400e;--brand-accent:#fcd34d;--on-accent:#1a1200;--overlay-1:rgba(245,158,11,.28);--overlay-2:rgba(180,83,9,.24)}
[data-theme="ungu"]{--blue-100:#ede9fe;--blue-200:#ddd6fe;--blue-300:#c4b5fd;--blue-400:#a78bfa;--blue-500:#8b5cf6;--blue-600:#7c3aed;--blue-700:#6d28d9;--accent-rgb:168,85,247;--accent-deep-rgb:109,40,217;--soft-rgb:196,181,253;--base-rgb:10,4,22;--glass-rgb:24,12,42;--dim-rgb:200,180,226;--text:#f3e8ff;--text-dim:#c4b5d8;--body-bg:#07030f;--glass-bg:rgba(24,12,42,.45);--glass-bg-2:rgba(24,12,42,.30);--glass-border:rgba(196,181,253,.22);--glass-border-strong:rgba(196,181,253,.40);--shadow:0 8px 32px rgba(10,4,22,.5);--input-bg:rgba(10,4,22,.55);--brand-grad-1:#a855f7;--brand-grad-2:#7c3aed;--brand-grad-3:#581c87;--brand-accent:#c4b5fd;--on-accent:#ffffff;--overlay-1:rgba(168,85,247,.28);--overlay-2:rgba(109,40,217,.24)}
[data-theme="putih"]{--blue-100:#1e293b;--blue-200:#334155;--blue-300:#475569;--blue-400:#64748b;--blue-500:#64748b;--blue-600:#475569;--blue-700:#334155;--accent-rgb:100,116,139;--accent-deep-rgb:51,65,85;--soft-rgb:148,163,184;--base-rgb:241,245,249;--glass-rgb:255,255,255;--dim-rgb:100,116,139;--text:#0f172a;--text-dim:#475569;--body-bg:#f1f5f9;--glass-bg:rgba(255,255,255,.72);--glass-bg-2:rgba(255,255,255,.55);--glass-border:rgba(148,163,184,.35);--glass-border-strong:rgba(100,116,139,.5);--shadow:0 8px 32px rgba(15,23,42,.10);--input-bg:rgba(255,255,255,.85);--brand-grad-1:#64748b;--brand-grad-2:#475569;--brand-grad-3:#1e293b;--brand-accent:#334155;--on-accent:#ffffff;--overlay-1:rgba(148,163,184,.30);--overlay-2:rgba(100,116,139,.22)}
[data-theme="biru-hitam"]{--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--accent-rgb:59,130,246;--accent-deep-rgb:29,78,216;--soft-rgb:96,165,250;--base-rgb:0,0,0;--glass-rgb:4,6,12;--dim-rgb:150,170,200;--text:#f0f6ff;--text-dim:#8fa3c2;--body-bg:#000000;--glass-bg:rgba(4,6,12,.62);--glass-bg-2:rgba(4,6,12,.45);--glass-border:rgba(96,165,250,.22);--glass-border-strong:rgba(96,165,250,.42);--shadow:0 8px 32px rgba(0,0,0,.65);--input-bg:rgba(0,0,0,.68);--brand-grad-1:#3b82f6;--brand-grad-2:#1d4ed8;--brand-grad-3:#1e3a8a;--brand-accent:#60a5fa;--on-accent:#ffffff;--overlay-1:rgba(59,130,246,.22);--overlay-2:rgba(29,78,216,.20)}
[data-theme="biru-putih"]{--blue-100:#1e3a8a;--blue-200:#1d4ed8;--blue-300:#2563eb;--blue-400:#3b82f6;--blue-500:#2563eb;--blue-600:#1d4ed8;--blue-700:#1e40af;--accent-rgb:37,99,235;--accent-deep-rgb:29,78,216;--soft-rgb:96,165,250;--base-rgb:248,250,252;--glass-rgb:255,255,255;--dim-rgb:100,116,139;--text:#0f172a;--text-dim:#475569;--body-bg:#f8fafc;--glass-bg:rgba(255,255,255,.72);--glass-bg-2:rgba(255,255,255,.55);--glass-border:rgba(96,165,250,.28);--glass-border-strong:rgba(37,99,235,.42);--shadow:0 8px 32px rgba(15,23,42,.10);--input-bg:rgba(255,255,255,.85);--brand-grad-1:#3b82f6;--brand-grad-2:#2563eb;--brand-grad-3:#1d4ed8;--brand-accent:#1d4ed8;--on-accent:#ffffff;--overlay-1:rgba(96,165,250,.22);--overlay-2:rgba(37,99,235,.16)}