:root{
  --brand1:#ff6a00;   /* orange */
  --brand2:#ffb703;   /* yellow/orange */

  --bg:#fff6ee;       /* very light orange background */
  --bg2:#ffffff;

  --card:#ffffff;
  --border:#ffe1cc;

  --text:#1f2937;
  --muted:#6b7280;
}

/* ===== Global ===== */
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:
    radial-gradient(1200px 600px at 20% 0%, rgba(255,106,0,.22), transparent 60%),
    radial-gradient(900px 500px at 80% 10%, rgba(255,183,3,.18), transparent 60%),
    var(--bg);
  color:var(--text);
}

/* Disable dark mode completely */
body.dark{
  background:
    radial-gradient(1200px 600px at 20% 0%, rgba(255,106,0,.22), transparent 60%),
    radial-gradient(900px 500px at 80% 10%, rgba(255,183,3,.18), transparent 60%),
    var(--bg) !important;
  color:var(--text) !important;
}

/* ===== Topbar ===== */
.topbar{
  background: rgba(255,255,255,.70);
  border-bottom:1px solid var(--border);
  backdrop-filter: blur(10px);
}
.topbar a{
  color:#ff6a00;
  font-weight:800;
}

/* ===== Navbar Orange Premium ===== */
.navbar{
  background: linear-gradient(90deg, #ff6a00, #ffb703) !important;
  border-radius:18px;
  margin-top:14px;
  box-shadow:0 12px 30px rgba(255,106,0,.22);
}
.navbar .navbar-brand{
  font-weight:900;
  letter-spacing:.3px;
  color:#fff !important;
}
.navbar .nav-link{
  color:rgba(255,255,255,.92) !important;
  font-weight:800;
  border-radius:12px;
  padding:10px 14px;
  transition:.2s ease;
}
.navbar .nav-link:hover{
  background: rgba(255,255,255,.18);
  color:#fff !important;
}

/* ===== Cards ===== */
.card{
  border:1px solid var(--border) !important;
  background: var(--card);
  border-radius:18px !important;
  box-shadow:0 10px 25px rgba(31,41,55,.06);
}

/* ===== Buttons ===== */
.btn-primary{
  background: linear-gradient(90deg, #ff6a00, #ffb703);
  border:none;
  border-radius:14px;
  font-weight:900;
  padding:10px 16px;
  box-shadow:0 12px 25px rgba(255,106,0,.20);
}
.btn-primary:hover{
  opacity:.95;
}

.btn-outline-secondary{
  border-radius:14px;
}

/* ===== Inputs ===== */
.form-control{
  border-radius:14px;
  border:1px solid var(--border);
  padding:12px 14px;
}
.form-control:focus{
  border-color:rgba(255,106,0,.65);
  box-shadow:0 0 0 .2rem rgba(255,106,0,.15);
}

/* ===== Typography ===== */
h1,h2,h3,h4,h5{
  font-weight:900;
}

.small.text-muted, .text-muted{
  color:var(--muted) !important;
}

a{
  text-decoration:none;
}
html, body{
  margin:0 !important;
  padding:0 !important;
}

.topbar{
  margin:0 !important;
}

.navbar{
  margin-top:0 !important;
  border-radius:0 !important;
}