/*
======================================================================
ROOT COLORS — generatepress-child_v09092026-2359
======================================================================
Sumber TUNGGAL semua variabel warna & token GLOBAL (berlaku di SEMUA
halaman). File ini di-load paling pertama, sebelum CSS lain, lewat
inc/scripts.php (mas_enqueue_styles).

Kalau bingung cari warna dari mana -> mulai dari file ini.

PENTING — PETA LOKASI WARNA LAIN:
Selain file ini, ada 2 file CSS lain yang SENGAJA punya :root sendiri
karena scope-nya cuma berlaku di jenis halaman tertentu (bukan
global), jadi TIDAK dipindah ke sini supaya perilaku halaman tidak
berubah:

1. css/pages/homepage.css
   -> HANYA aktif di homepage (is_front_page).
   -> Detail variabel & riwayat konsolidasinya ada di komentar atas
      file tsb.

2. css/pages/citypage.css
   -> HANYA aktif di halaman SELAIN homepage (halaman kota, dll).
   -> Detail variabel & riwayat konsolidasinya ada di komentar atas
      file tsb.

Kalau suatu saat mau benar-benar disatukan semua (termasuk 2 file di
atas) ke sini, bilang saja — tapi itu butuh pengecekan visual per
halaman dulu karena masing-masing punya override yang disengaja.
======================================================================
*/

:root {
    /* === MAS Brand Colors (utama) === */
    --mas-orange:        #FF7F00;
    --mas-orange-bright: #FE5900;
    --mas-orange-dark:   #BF5000;
    --mas-orange-bg:     #FFDEAA;
    --mas-orange-soft:   #F5ECDB;

    --mas-blue:          #0080FF;
    --mas-blue-bright:   #005BFE;
    --mas-blue-dark:     #1A4DB3;
    --mas-blue-bg:       #AACEFF;
    --mas-blue-soft:     #DBE9F5;

    /* === Warna Tambahan (baru) === */
    --sunset-orange:     #d5893b;
    --azure-blue:        #3981d6;

    /* === Legacy aliases === */
    --army-blue:         var(--mas-blue);
    --army-orange:       var(--mas-orange);
    --white-milk:        var(--mas-orange-soft);
    --army-accent:       var(--mas-blue-bright);
    --text-dark:         #222;
    --text-muted:        #1A4DB3;
    --success-green:     var(--mas-orange);
    --danger-red:        var(--mas-orange-bright);

    /* === Dari css/components/media-review.css (global, semua halaman) === */
    --linen-white:       #f5ecdb;
    --peach-bg:          #ffdeaa;

    /* === Tokens === */
    --border-radius-sm:  8px;
    --border-radius-md:  12px;
    --border-radius-lg:  16px;
    --border-radius-xl:  20px;
    --transition-base:   all 0.3s ease;
    --shadow-sm:         0 2px 8px rgba(0,74,173,0.08);
    --shadow-md:         0 4px 12px rgba(0,74,173,0.10);
    --shadow-lg:         0 8px 24px rgba(0,74,173,0.12);
    --shadow-hover:      0 12px 32px rgba(0,74,173,0.15);
}