/* ============================================================
   MediaSinergi — Design Tokens
   Satu-satunya tempat nilai warna & skala didefinisikan.
   Dimuat di base.html SEBELUM style.css, jadi semua partial
   (termasuk <style> inline) bisa memakai var() di bawah ini.
   ============================================================ */

:root {
    /* ---------- Brand ---------- */
    --ms-red: #e30613;              /* merah brand kanonik */
    --ms-red-hover: #ff0814;
    --ms-red-glow: rgba(227, 6, 19, 0.5);

    /* ---------- Aksen ---------- */
    --ms-cyan: #00d2ff;
    --ms-cyan-deep: #0099da;
    --ms-violet: #a155ff;
    --ms-crimson: #e00857;
    --ms-pink: #ff007a;
    --ms-blue: #2a70fa;
    --ms-blue-soft: #3a7bd5;
    --ms-rose: #d61c38;
    --ms-blush: #f2709c;

    /* ---------- Permukaan ---------- */
    --ms-bg: #050a18;               /* latar halaman */
    --ms-surface: #0a0f20;          /* kartu / footer */
    --ms-surface-raised: #0d1730;
    --glass-bg: rgba(255, 255, 255, 0.04);

    /* ---------- State: error / validasi ---------- */
    --ms-danger: #ff4d5e;           /* border field bermasalah */
    --ms-danger-mark: #ff6b78;      /* tanda wajib (*) */
    --ms-danger-text: #ff8f99;      /* pesan error */
    --ms-danger-soft: #ffd5d9;      /* teks di dalam panel error */

    /* ---------- Teks ---------- */
    --ms-ink: #f0ffff;              /* teks utama di atas latar gelap */
    --ms-text-muted: #cccccc;
    --ms-text-dim: #999999;

    /* ---------- Layout ---------- */
    --ms-max-width: 1200px;
}

/* ============================================================
   BREAKPOINT — hanya tiga nilai untuk seluruh situs.
   CSS custom property tidak bisa dipakai di dalam @media,
   jadi ini kontrak penulisan, bukan variabel:

     @media (max-width: 1024px)  -> desktop turun ke tablet
     @media (max-width: 768px)   -> tablet turun ke mobile
     @media (max-width: 480px)   -> penyesuaian layar kecil

   Pasangan min-width memakai 1025px supaya tidak tumpang tindih.
   Jangan tambah nilai baru; pakai salah satu dari tiga di atas.
   ============================================================ */