:root{
  --red:#a60000;
  --red-deep:#6f0000;
  --gold:#d6a200;
  --gold-soft:#ffe08a;
}

/* พื้นหลังแดงลายเฉียง */
.bg-striped-red{
  background:
    linear-gradient(135deg, rgba(0,0,0,.18), rgba(0,0,0,.18)),
    repeating-linear-gradient(135deg, var(--red-deep) 0 28px, var(--red) 28px 56px);
  min-height:100vh;
}

/* Navbar gradient แดง-ทอง */
.bg-gradient-red-gold{
  background-image: linear-gradient(90deg, var(--red), var(--gold));
}

/* ปุ่มโทน */
.btn-gold{
  background:#ffcc00; color:#7d0000; font-weight:700; border:none;
}
.btn-gold:hover{ background:#ffe060; color:#7d0000 }

.btn-red{
  background: linear-gradient(90deg, var(--red), #c5412f);
  border:none; color:#fff; font-weight:800;
  box-shadow:0 6px 14px rgba(166,0,0,.35);
}
.btn-red:hover{ filter:brightness(1.05) }

/* สีตัวอักษรใช้ซ้ำ */
.text-red{ color:var(--red) }
.link-red{ color:var(--red); text-decoration:none }
.link-red:hover{ color:#d13f2f }

/* เงาทองหัวข้อ */
.text-shadow-gold{ text-shadow: 2px 2px 0 var(--gold) }

/* การ์ดล็อกอินขุ่น ๆ */
.login-card{
  background: linear-gradient(180deg, #ffffffee, #fffaf0ee);
  border-top:4px solid var(--red);
  border-radius:16px;
  backdrop-filter: blur(6px);
}

/* ปรับฟอร์ม Bootstrap ให้เข้าธีม */
.form-control:focus{
  border-color: var(--gold);
  box-shadow: 0 0 0 .25rem rgba(214,162,0,.25);
}
.input-group .btn.btn-outline-secondary{
  border-color:#e6e6e6;
}