/* Merek Macaronis Resort: warna diambil dari logonya (biru laut dan hijau ombak). Berkas ini hanya mengganti token warna
   dan ukuran tulisan logo; bentuk dan tata letak tetap dari app.css, jadi fitur baru ikut tanpa diubah di sini. */
:root {
  --biru: #00729F;
  --biru-rgb: 0, 114, 159;
  --biru-tua: #004E73;
  --biru-tua-rgb: 0, 78, 115;
  --biru-terang: #0A8FC4;
  --biru-tengah: #00648C;
  --biru-cincin: #00648C;
  --navy: #06283A;
  --aksen: #0A93C4;
  --aksen-rgb: 10, 147, 196;
  --kilau: #35D6C2;
  --kilau-rgb: 53, 214, 194;
  --kilau-muda: #A5F3E7;
  --biru-muda: #E4F4F7;
  --biru-muda-2: #D2ECF1;
  --teks-samping: #DAF2F5;
  /* Pita tipis di bawah logo dan tombol besar: di sini hijau ombak, bukan pita hangat. */
  --hangat-1: #7FE3CB;
  --hangat-1-rgb: 127, 227, 203;
  --hangat-2: #00B596;
  --hangat-2-rgb: 0, 181, 150;
  --hangat-3: #00A08C;
  --hangat-4: #008F86;
  --hangat-4-rgb: 0, 143, 134;
  --hangat-5-rgb: 0, 78, 115;
}

/* Tulisan logo resort lebih panjang dan pipih daripada bawaan, jadi diberi ruang lebih lebar. */
.masuk-lambang { width: 76px; height: auto; }
.masuk-nama { width: 210px; }
.samping-lambang { width: 38px; height: auto; }
.samping-nama, .samping-produk { width: 150px; }
.muat img { height: auto; }

/* Panah "geser untuk membalas": warnanya tertanam di gambar, jadi digambar ulang dengan biru resort. */
.b.digeser::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300729F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 14 4 9 9 4'/%3E%3Cpath d='M20 20v-7a4 4 0 0 0-4-4H4'/%3E%3C/svg%3E");
}