:root{
  --brand-orange:#f97316; /* main */
  --brand-orange-600:#ea580c; /* darker */
  --ink:#0f172a;            /* text */
  --muted:#667085;          /* secondary text */
  --line:#e5e7eb;           /* soft border */
  --soft:#f8fafc;           /* soft bg */
  --radius:1rem;            /* card radius */
}
*{font-family:"Noto Sans Thai", system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
body{color:var(--ink); background:#fff}
.navbar-brand .brand-accent{color:var(--brand-orange)}
.topbar{background:linear-gradient(90deg,var(--brand-orange),var(--brand-orange-600));color:#fff;font-size:.9rem}
.btn-brand{--bs-btn-bg:var(--brand-orange);--bs-btn-border-color:var(--brand-orange);--bs-btn-hover-bg:var(--brand-orange-600);--bs-btn-hover-border-color:var(--brand-orange-600);--bs-btn-color:#fff}
.badge-soft{background:#fff;border:1px solid var(--line);color:#0f172a;border-radius:999px;padding:.35rem .6rem}
.shadow-soft{box-shadow:0 6px 24px rgba(2,6,23,.06)}
.rounded-2xl{border-radius:1.25rem}
.bg-soft{background:var(--soft)}
.accent-bar{width:64px;height:4px;background:var(--brand-orange);border-radius:2px}
footer{background:#0b1220;color:#cbd5e1}
footer a{color:#e2e8f0}
footer a:hover{color:#fff}
.hero{position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(1000px 500px at 85% -10%, rgba(249,115,22,.12), rgba(249,115,22,0)),radial-gradient(700px 350px at -10% 100%, rgba(234,88,12,.12), rgba(234,88,12,0));pointer-events:none}
.hero-img{border-radius:calc(var(--radius)*1.2)}
.icon-circle{width:3rem;height:3rem;border-radius:999px;display:grid;place-items:center;background:#fff7f2;border:1px solid #fed7aa;color:var(--brand-orange)}
.breadcrumb{--bs-breadcrumb-divider: '>';}
.nav-link.active{color:var(--brand-orange)!important}