/* assets/style.css */
:root{
  --primary:#0b5ed7;
  --accent:#ffb703;
  --muted:#6c757d;
  --card-bg:#ffffff;
  --radius:12px;
  --container-max:1100px;
  font-family: "Noto Sans TC", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

body { background: linear-gradient(180deg,#f8fafc 0%, #f1f5f9 100%); color:#0f1724; }

/* Container width */
.container { max-width: var(--container-max); }

/* Card style */
.card {
  border: none;
  border-radius: var(--radius);
  box-shadow: 0 6px 18px rgba(15,23,36,0.06);
  background: var(--card-bg);
}

/* Headings */
h1,h2,h3 { font-weight:600; color: #0b254a; }
h1 { font-size:1.8rem; }
h2 { font-size:1.25rem; margin-bottom:0.75rem; }

/* Buttons */
.btn-primary { background: var(--primary); border: none; box-shadow:none; }
.btn-warning { background: var(--accent); border: none; color:#0b254a; }

/* Table */
.table thead th { background: #f1f5f9; border-bottom: none; color:#0b254a; font-weight:600; }
.table tbody tr { background: #fff; }

/* Form */
.form-control:focus { box-shadow: 0 0 0 0.15rem rgba(11,94,215,0.12); border-color: var(--primary); }

/* CTA */
.cta-hero {
  border-radius: 14px;
  padding: 2rem;
  background: linear-gradient(90deg, rgba(11,94,215,0.06), rgba(255,183,3,0.03));
}

/* Responsive tweaks */
@media (max-width: 768px) {
  h1 { font-size:1.4rem; }
  .navbar-brand span { font-size:0.95rem; }
}