/* ===== base.css — Variables, font, reset, সব পেজে লাগে এমন ছোট জিনিস ===== */
:root{
  color-scheme:light;
  --bg:#f4f6fb; --surface:#ffffff; --header-bg:rgba(255,255,255,.85); --text:#1f2430; --muted:#6b7280;
  --primary:#6c5ce7; --primary-soft:rgba(108,92,231,.14); --border:#e5e7eb;
  --grad:linear-gradient(135deg,#6c5ce7,#a363f5); --grad-warm:linear-gradient(135deg,#ff6b9d,#f5af19);
  --radius:20px; --shadow:0 10px 30px rgba(0,0,0,.15);
  /* Poppins (English) — বাংলা অক্ষর আপনাআপনি Noto Serif Bengali-তে যাবে */
  --font:"Poppins","Noto Serif Bengali",system-ui,sans-serif;
  --font-bn:"Noto Serif Bengali","Poppins",serif;
}
/* ডার্ক মোড ভ্যারিয়েবল */
[data-theme="dark"]{
  color-scheme:dark;
  --bg:#12141c; --surface:#1c1f2b; --header-bg:rgba(28,31,43,.85); --text:#eceef5; --muted:#9aa1b2; --border:#2b2f3f;
  --primary:#8f82ff; --primary-soft:rgba(143,130,255,.2); --shadow:0 10px 30px rgba(0,0,0,.5);
}

/* Google Fonts-এর ক্লাস */
.poppins{font-family:"Poppins",sans-serif;font-style:normal}
.noto-serif-bengali{font-family:"Noto Serif Bengali",serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.7;transition:background .25s,color .25s;overflow-x:hidden}
button,input,textarea,select{font-family:inherit;font-size:1rem}
button{cursor:pointer;border:0}
a{color:var(--primary)}
img,svg{max-width:100%;height:auto}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
.material-icons{display:inline-block;width:1em;height:1em;line-height:1;overflow:hidden;white-space:nowrap;font-size:20px;vertical-align:middle;user-select:none}   /* আইকন ফন্ট আসার আগে নামের লেখা (home, share…) ঝিলিক দেয় না */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* কীবোর্ড ইউজারের জন্য "কনটেন্টে যান" লিংক */
.skip-link{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 18px;border-radius:0 0 12px 12px;background:var(--primary);color:#fff;text-decoration:none;font-weight:600;transition:top .2s}
.skip-link:focus{top:0}

/* নোটিফিকেশন (toast) — header.js নিজেই #toast বানিয়ে নেয় */
.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#222;color:#fff;padding:10px 22px;border-radius:30px;opacity:0;pointer-events:none;transition:.25s;z-index:90;max-width:90vw;text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}