/* Warm Modern Theme — 2025-08-19 */
:root{
  --warm-50:#fff7ed;
  --warm-100:#ffedd5;
  --warm-200:#fed7aa;
  --warm-300:#fdba74;
  --warm-400:#fb923c;
  --warm-500:#f97316;
  --warm-600:#ea580c;
  --warm-700:#c2410c;
  --warm-800:#9a3412;
  --warm-900:#7c2d12;
  --brown-800:#5a3a22;
  --shadow:0 10px 30px rgba(0,0,0,.08);
}

html,body{font-family:"Vazirmatn",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;}
.fw-extrabold{font-weight:800}

.bg-warm-50{background-color:var(--warm-50)}

.navbar-warm{
  background: linear-gradient(135deg,var(--warm-600),var(--warm-700));
  --bs-navbar-color: rgba(255,255,255,.9);
  --bs-navbar-hover-color:#fff;
  --bs-navbar-brand-color:#fff;
  --bs-navbar-toggler-border-color: rgba(255,255,255,.5);
}
.navbar-warm .navbar-brand{color:#fff}
.navbar-warm .nav-link{color:var(--bs-navbar-color)}
.navbar-warm .nav-link:hover, .navbar-warm .nav-link.active{color:#fff}
.logo-dot{width:12px;height:12px;border-radius:50%;display:inline-block;background:radial-gradient(circle at 30% 30%,#ffd7a8,var(--warm-400));box-shadow:0 0 0 3px rgba(255,255,255,.2) inset}

.btn-warm{
  --bs-btn-bg: var(--warm-600);
  --bs-btn-border-color: var(--warm-600);
  --bs-btn-hover-bg: var(--warm-700);
  --bs-btn-hover-border-color: var(--warm-700);
  --bs-btn-color:#fff;
}
.btn-warm1{
  --bs-btn-bg: var(--warm-300);
  --bs-btn-border-color: var(--warm-400);
  --bs-btn-hover-bg: var(--warm-700);
  --bs-btn-hover-border-color: var(--warm-700);
  --bs-btn-color:#fff;
}
.btn-outline-warm{
  --bs-btn-color:#fff;
  --bs-btn-border-color: rgba(255,255,255,.6);
  --bs-btn-hover-bg: rgba(255,255,255,.15);
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-border-color:#fff;
}

.btn-light-subtle{
  background: rgba(255,255,255,.15);
  color:#fff;
  border:1px solid rgba(255,255,255,.25);
}
.btn-light-subtle:hover{background: rgba(255,255,255,.25); color:#fff}

.hero-warm{
  position:relative;
  background: radial-gradient(1200px 400px at 10% -10%, var(--warm-200), transparent),
              radial-gradient(800px 300px at 90% 0%, var(--warm-100), transparent),
              linear-gradient(180deg, #fff, var(--warm-50));
}
.hero-wave{
  position:absolute; left:0; right:0; bottom:-1px; height:24px;
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.02));
  mask: radial-gradient(55% 24px at 50% 130%, #000 99%, transparent 100%);
}
.hero-card{background:#fff;border-radius:1rem; box-shadow: var(--shadow)}

.card, .dropdown-menu{border-radius:1rem}
.card:hover{transform:translateY(-2px); transition:transform .2s ease; box-shadow: var(--shadow)}

.footer-warm{
  background: linear-gradient(180deg, var(--warm-700), var(--warm-800));
  color:#fff;
}
.footer-warm a{color: #ffe7cf; text-decoration:none}
.footer-warm a:hover{text-decoration:underline}
.text-warm-50-80{color:rgba(255,255,255,.8)}
.text-warm-50-90{color:rgba(255,255,255,.9)}
.text-warm-50-70{color:rgba(255,255,255,.7)}
.border-warm-100{border-color: rgba(255,255,255,.2)!important}

.back-to-top{
  position:fixed; inset-inline-end:16px; inset-block-end:16px;
  display:none; z-index:1030;
  border-radius:999px;
}
.back-to-top.show{display:inline-flex}

/* forms */
.form-control:focus{border-color: var(--warm-400); box-shadow: 0 0 0 .25rem rgba(249,115,22,.15)}
.badge.bg-danger{background-color:#dc3545 !important}