/* 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.
   Nilai token sama dengan merek Macaronis di aplikasi chat, supaya keduanya tampil sewarna. */
: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. Panel samping di sini
   lebih sempit daripada di aplikasi chat, jadi ukurannya dihitung supaya tetap muat saat panel punya batang gulir. */
.masuk-lambang { width: 76px; height: auto; }
.masuk-nama { width: 210px; max-width: 100%; }
.samping-lambang { width: 36px; height: auto; }
.samping-nama, .samping-produk { width: 130px; }

/* Ubin angka keenam: bawaannya gradasi dari warna hangat ke magenta tua. Di sini dua-duanya hijau ombak, supaya warna
   merek tidak bercampur dengan sisa warna bawaan. */
.ubin > .kartu:nth-child(8n+6) { background: linear-gradient(135deg, var(--hangat-2), var(--hangat-4)); }