/* =====================================================================
   ClassNode — ডিজাইন টোকেন
   ফাইল   : public_html/assets/css/tokens.css
   সংস্করণ : 1.6.0        ← ১.৫.০ থেকে হালনাগাদ
   ১.৬.০ (হটফিক্স ৬৩): ফন্ট ৪টিতে সীমিত — বাংলা: Hind Siliguri, Kalpurush; ইংরেজি: Inter, Open Sans। বাকি @font-face/নির্বাচক বাদ।
   ১.৫.০ (হটফিক্স ৬২): ডাইনামিক ফন্ট — --fam-bn / --fam-en (ব্যবহারকারীর বাছা), ভাষা অনুযায়ী --font-bn; ১০টি ফন্টের @font-face (§৬)।
   ১.৪.০ (হটফিক্স ৫৬): --doc-* — বিল/রসিদের "কাগজ"-রঙ (সব থিমে একই; গাঢ় থিমেও ছাপা কাগজ সাদা ও পাঠযোগ্য)।
   ১.৩.০ (হটফিক্স ৫৪): --c-gold — গাঢ় নীল হিরোর উপর চোখে-পড়া সোনালি-হলুদ (পাবলিক সাইটের "ডেমো দেখুন"); সব থিমে একই।
   ১.২.০ (হটফিক্স ২২): নবম থিম "গোলাপি" (rose) — ব্যবহারকারী নিজের পছন্দে বাছেন; বাকি থিম অপরিবর্তিত।
   NODE CORPORATION

   ১.১.০-তে যা যোগ হলো:
     • ব্র্যান্ডের রঙ লগো থেকে হুবহু নেওয়া
     • আটটি থিম — data-theme দিয়ে বদলানো যায় (এখন ব্যবহারকারী নিজে বাছেন; নবমটি ১.২.০-তে)
     • চারটি লেখার আকার — data-textsize দিয়ে (ব্যবহারকারী পর্যায়ে)

   ব্লুপ্রিন্ট পর্ব ১৫.২ — এই ফাইলটিই চেহারার একক সত্যের উৎস।
   কোনো CSS ফাইলে হার্ডকোড করা রঙ, ফাঁক বা আকার থাকবে না।
   ===================================================================== */


/* =====================================================================
   ১. ব্র্যান্ড — লগো থেকে সরাসরি নেওয়া, কখনো বদলাবে না
   এই দুটি রঙ থিম বদলালেও অপরিবর্তিত থাকে, কারণ এগুলো ClassNode-এর
   নিজস্ব পরিচয়। থিম বদলায় অ্যাপের রঙ, ব্র্যান্ডের নয়।
   ===================================================================== */
:root {
  --brand-navy:       #233559;   /* লগোর নেভি */
  --brand-navy-dark:  #16233D;
  --brand-navy-soft:  #34497A;
  --brand-green:      #4FA665;   /* লগোর সবুজ — চিহ্ন ও ভরাটে */
  --brand-green-text: #37814A;   /* লেখা ও বোতামে — সাদার উপর কনট্রাস্ট ৪.৭৭ (WCAG AA) */
  --brand-green-dark: #2F7A42;
}


/* =====================================================================
   ২. লেখার আকারের গুণক
   --fs একটি সংখ্যা (একক ছাড়া)। সব লেখার আকার এর সাথে গুণ হয়।
   ব্যবহারকারী নিজে বেছে নেবেন — এটি অ্যাক্সেসিবিলিটির বিষয়,
   ব্র্যান্ডিংয়ের নয়।
   ===================================================================== */
:root                          { --fs: 1;    }
[data-textsize="sm"]           { --fs: 0.9;  }   /* ছোট */
[data-textsize="md"]           { --fs: 1;    }   /* স্বাভাবিক */
[data-textsize="lg"]           { --fs: 1.15; }   /* বড় */
[data-textsize="xl"]           { --fs: 1.3;  }   /* অতি বড় */


/* =====================================================================
   ৩. ডিফল্ট থিম — ClassNode (নেভি + সবুজ)
   ===================================================================== */
:root, [data-theme="classnode"] {

  --c-primary:        #233559;
  --c-primary-soft:   #34497A;
  --c-primary-dark:   #16233D;
  --c-primary-tint:   #EDF1F8;

  --c-accent:         #37814A;   /* লেখা ও বোতামে — কনট্রাস্ট ৪.৭৭ */
  --c-accent-bright:  #4FA665;   /* লগোর হুবহু সবুজ — চিহ্ন, ভরাট, বার, ব্যাজ */
  --c-accent-dark:    #2C6B3C;
  --c-accent-tint:    #EDF7F0;

  --c-danger:         #9B1C1C;
  --c-danger-dark:    #7C1616;
  --c-danger-tint:    #FDECEC;

  --c-warn:           #8A5A00;
  --c-warn-tint:      #FFF6E5;

  --c-gold:           #FFC21A;   /* গাঢ় পটের উপর সোনালি-হলুদ লেখা (হিরোর "ডেমো দেখুন") */

  --c-info:           #1B4F8A;
  --c-info-tint:      #EAF2FB;

  --c-bg:             #F7F8FA;
  --c-surface:        #FFFFFF;
  --c-surface-alt:    #FAFBFC;

  --c-text:           #1A1A1A;
  --c-text-soft:      #3E4C5A;
  --c-muted:          #5A6675;
  --c-faint:          #8A94A0;

  --c-line:           #E3E6EA;
  --c-line-soft:      #F0F2F5;
  --c-line-strong:    #C9CED6;

  --c-focus:          #2563EB;

  --c-appbar-bg:      var(--c-primary);
  --c-appbar-fg:      #FFFFFF;

  /* ডকুমেন্ট-কাগজ (হটফিক্স ৫৬) — বিল/রসিদ ছাপা কাগজের মতো সবসময় সাদা জমিনে, ব্র্যান্ডের নেভি-সবুজে।
     ⚠ এই টোকেনগুলো কোনো থিম-ব্লকে বদলানো হয় না — গাঢ় (মিডনাইট) থিমেও ছাপা/ডাউনলোড-করা কাগজ একই থাকে। */
  --doc-paper:        #FFFFFF;
  --doc-text:         #1A2233;
  --doc-soft:         #3E4C5A;
  --doc-muted:        #5A6675;
  --doc-line:         #D9E1EC;
  --doc-tint:         #EDF3FB;
  --doc-navy:         #233559;
  --doc-navy-dark:    #16233D;
  --doc-navy-soft:    #34497A;
  --doc-green:        #2C6B3C;
  --doc-green-tint:   #EDF7F0;
  --doc-green-line:   #BFE0C9;
  --doc-red:          #9B1C1C;
  --doc-red-tint:     #FDECEC;
  --doc-amber:        #8A5A00;
  --doc-amber-tint:   #FFF6E5;
}

/* ---------------------------------------------------------------------
   থিম ২ — সমুদ্র (টিল ও নীল)
   --------------------------------------------------------------------- */
[data-theme="ocean"] {
  --c-primary: #0E4F63; --c-primary-soft: #17708B; --c-primary-dark: #093646; --c-primary-tint: #E8F3F6;
  --c-accent:  #0F7A6B; --c-accent-bright: #14A08C; --c-accent-dark: #0B5F53; --c-accent-tint: #E7F5F2;
  --c-danger:  #9B1C1C; --c-danger-dark: #7C1616; --c-danger-tint: #FDECEC;
  --c-warn: #8A5A00; --c-warn-tint: #FFF6E5;
  --c-info: #1B4F8A; --c-info-tint: #EAF2FB;
  --c-bg: #F5F9FA; --c-surface: #FFFFFF; --c-surface-alt: #F9FCFC;
  --c-text: #12202A; --c-text-soft: #354A55; --c-muted: #5A6C77; --c-faint: #8A99A3;
  --c-line: #DDE7EA; --c-line-soft: #EDF4F6; --c-line-strong: #C2D2D7;
  --c-focus: #2563EB;
  --c-appbar-bg: var(--c-primary); --c-appbar-fg: #FFFFFF;
}

/* ---------------------------------------------------------------------
   থিম ৩ — মেরুন (বাংলাদেশের অনেক স্কুলের ঐতিহ্যবাহী রঙ)
   --------------------------------------------------------------------- */
[data-theme="maroon"] {
  --c-primary: #6D1B2E; --c-primary-soft: #8E2A41; --c-primary-dark: #4C1220; --c-primary-tint: #F8ECEF;
  --c-accent:  #1E7A46; --c-accent-bright: #2E9459; --c-accent-dark: #176036; --c-accent-tint: #EDF7F0;
  --c-danger:  #9B1C1C; --c-danger-dark: #7C1616; --c-danger-tint: #FDECEC;
  --c-warn: #8A5A00; --c-warn-tint: #FFF6E5;
  --c-info: #1B4F8A; --c-info-tint: #EAF2FB;
  --c-bg: #FAF7F8; --c-surface: #FFFFFF; --c-surface-alt: #FDFAFB;
  --c-text: #1F1418; --c-text-soft: #4A3A3F; --c-muted: #6B5A5F; --c-faint: #9A8A8E;
  --c-line: #E9DFE2; --c-line-soft: #F4EDEF; --c-line-strong: #D2C2C6;
  --c-focus: #2563EB;
  --c-appbar-bg: var(--c-primary); --c-appbar-fg: #FFFFFF;
}

/* ---------------------------------------------------------------------
   থিম ৪ — অরণ্য (গাঢ় সবুজ — মাদরাসা ও ধর্মীয় প্রতিষ্ঠানে জনপ্রিয়)
   --------------------------------------------------------------------- */
[data-theme="forest"] {
  --c-primary: #17513A; --c-primary-soft: #226F51; --c-primary-dark: #0E3627; --c-primary-tint: #E9F3EF;
  --c-accent:  #8A6A12; --c-accent-bright: #B08A1C; --c-accent-dark: #6B520D; --c-accent-tint: #FAF4E4;
  --c-danger:  #9B1C1C; --c-danger-dark: #7C1616; --c-danger-tint: #FDECEC;
  --c-warn: #8A5A00; --c-warn-tint: #FFF6E5;
  --c-info: #1B4F8A; --c-info-tint: #EAF2FB;
  --c-bg: #F6F9F7; --c-surface: #FFFFFF; --c-surface-alt: #FAFCFB;
  --c-text: #142019; --c-text-soft: #37493F; --c-muted: #5C6B62; --c-faint: #8B9891;
  --c-line: #DFE8E3; --c-line-soft: #EEF4F1; --c-line-strong: #C3D2CA;
  --c-focus: #2563EB;
  --c-appbar-bg: var(--c-primary); --c-appbar-fg: #FFFFFF;
}

/* ---------------------------------------------------------------------
   থিম ৫ — রাজকীয় (ইন্ডিগো ও বেগুনি)
   --------------------------------------------------------------------- */
[data-theme="royal"] {
  --c-primary: #33307A; --c-primary-soft: #4B47A3; --c-primary-dark: #232156; --c-primary-tint: #EEEEF8;
  --c-accent:  #1E7A46; --c-accent-bright: #2E9459; --c-accent-dark: #176036; --c-accent-tint: #EDF7F0;
  --c-danger:  #9B1C1C; --c-danger-dark: #7C1616; --c-danger-tint: #FDECEC;
  --c-warn: #8A5A00; --c-warn-tint: #FFF6E5;
  --c-info: #1B4F8A; --c-info-tint: #EAF2FB;
  --c-bg: #F8F8FC; --c-surface: #FFFFFF; --c-surface-alt: #FBFBFE;
  --c-text: #191826; --c-text-soft: #3D3B55; --c-muted: #5F5D75; --c-faint: #8E8CA1;
  --c-line: #E3E2EE; --c-line-soft: #F1F0F7; --c-line-strong: #C8C6DA;
  --c-focus: #2563EB;
  --c-appbar-bg: var(--c-primary); --c-appbar-fg: #FFFFFF;
}

/* ---------------------------------------------------------------------
   থিম ৬ — সূর্যোদয় (কমলা ও অ্যাম্বার — কিন্ডারগার্টেনের জন্য প্রাণবন্ত)
   --------------------------------------------------------------------- */
[data-theme="sunrise"] {
  --c-primary: #9A4A0F; --c-primary-soft: #C05F16; --c-primary-dark: #6E340A; --c-primary-tint: #FCF0E6;
  --c-accent:  #1E7A46; --c-accent-bright: #2E9459; --c-accent-dark: #176036; --c-accent-tint: #EDF7F0;
  --c-danger:  #9B1C1C; --c-danger-dark: #7C1616; --c-danger-tint: #FDECEC;
  --c-warn: #7A5100; --c-warn-tint: #FFF6E5;
  --c-info: #1B4F8A; --c-info-tint: #EAF2FB;
  --c-bg: #FBF8F5; --c-surface: #FFFFFF; --c-surface-alt: #FEFCFA;
  --c-text: #21170F; --c-text-soft: #4A3B2E; --c-muted: #6D5C4D; --c-faint: #9B8B7C;
  --c-line: #EBE3DA; --c-line-soft: #F5F0EA; --c-line-strong: #D6C8BA;
  --c-focus: #2563EB;
  --c-appbar-bg: var(--c-primary); --c-appbar-fg: #FFFFFF;
}

/* ---------------------------------------------------------------------
   থিম ৭ — শিলা (নিরপেক্ষ ধূসর — যেসব স্কুল রঙ চায় না)
   --------------------------------------------------------------------- */
[data-theme="slate"] {
  --c-primary: #2E3844; --c-primary-soft: #46525F; --c-primary-dark: #1E252E; --c-primary-tint: #EFF1F3;
  --c-accent:  #1E7A46; --c-accent-bright: #2E9459; --c-accent-dark: #176036; --c-accent-tint: #EDF7F0;
  --c-danger:  #9B1C1C; --c-danger-dark: #7C1616; --c-danger-tint: #FDECEC;
  --c-warn: #8A5A00; --c-warn-tint: #FFF6E5;
  --c-info: #1B4F8A; --c-info-tint: #EAF2FB;
  --c-bg: #F6F7F8; --c-surface: #FFFFFF; --c-surface-alt: #FAFBFB;
  --c-text: #1A1D21; --c-text-soft: #3D444B; --c-muted: #5E666E; --c-faint: #8C949B;
  --c-line: #E2E5E8; --c-line-soft: #F0F2F4; --c-line-strong: #C7CCD1;
  --c-focus: #2563EB;
  --c-appbar-bg: var(--c-primary); --c-appbar-fg: #FFFFFF;
}

/* ---------------------------------------------------------------------
   থিম ৮ — রাত (গাঢ় মোড)
   রাতে শিক্ষক ফোনে হাজিরা দেখলে চোখে আরাম হবে।
   সব রঙ উল্টে গেছে, কিন্তু কনট্রাস্টের নিয়ম একই।
   --------------------------------------------------------------------- */
[data-theme="midnight"] {
  --c-primary: #7FA0D8; --c-primary-soft: #9BB6E4; --c-primary-dark: #6588C4; --c-primary-tint: #1C2436;
  --c-accent:  #5CBF7A; --c-accent-bright: #6FD48D; --c-accent-dark: #47A664; --c-accent-tint: #16281D;
  --c-danger:  #E88585; --c-danger-dark: #D46A6A; --c-danger-tint: #2E1A1A;
  --c-warn:    #E0B057; --c-warn-tint: #2B2214;
  --c-info:    #7FB0E8; --c-info-tint: #16232F;
  --c-bg:      #10141C;
  --c-surface: #171D28;
  --c-surface-alt: #1D2431;
  --c-text:      #E8ECF2;
  --c-text-soft: #BFC8D4;
  --c-muted:     #96A1B0;
  --c-faint:     #6E7887;
  --c-line:        #2A3342;
  --c-line-soft:   #212938;
  --c-line-strong: #3A4557;
  --c-focus: #7FA0D8;
  --c-appbar-bg: #0B0F16;
  --c-appbar-fg: #E8ECF2;
}

/* ---------------------------------------------------------------------
   থিম ৯ — গোলাপি (নরম গোলাপি ও ম্যাজেন্টা — যাঁরা কোমল, উজ্জ্বল চেহারা পছন্দ করেন)
   ব্যবহারকারী "চেহারা" পাতা থেকে নিজের জন্য বাছেন; স্কুলের বা অন্য কারো চেহারা বদলায় না।
   কনট্রাস্ট: appbar সাদা লেখা ÷ প্রাইমারি ≈ ৬:১ (WCAG AA)।
   --------------------------------------------------------------------- */
[data-theme="rose"] {
  --c-primary: #AD2F68; --c-primary-soft: #CB4C84; --c-primary-dark: #7F1F49; --c-primary-tint: #FDEEF4;
  --c-accent:  #1E7A46; --c-accent-bright: #2E9459; --c-accent-dark: #176036; --c-accent-tint: #EDF7F0;
  --c-danger:  #9B1C1C; --c-danger-dark: #7C1616; --c-danger-tint: #FDECEC;
  --c-warn: #8A5A00; --c-warn-tint: #FFF6E5;
  --c-info: #1B4F8A; --c-info-tint: #EAF2FB;
  --c-bg: #FFF7FA; --c-surface: #FFFFFF; --c-surface-alt: #FFFAFC;
  --c-text: #241319; --c-text-soft: #4F3A43; --c-muted: #6F5A63; --c-faint: #A08C95;
  --c-line: #F0DFE6; --c-line-soft: #F9EEF3; --c-line-strong: #DCC4CE;
  --c-focus: #2563EB;
  --c-appbar-bg: var(--c-primary); --c-appbar-fg: #FFFFFF;
}


/* =====================================================================
   ৪. যা থিম বদলালেও বদলায় না
   ===================================================================== */
:root {

  /* ফন্ট */
  /* হটফিক্স ৬২: ব্যবহারকারীর বাছা ফন্ট — <html data-font-bn / data-font-en> থেকে (নিচের §৬ক)। ডিফল্ট: Hind Siliguri / Inter */
  --fam-bn: 'Hind Siliguri';
  --fam-en: 'Inter';
  /* বাংলা ভাষা চালু থাকলে: বাছা বাংলা ফন্ট আগে; তারপর নিরাপদ বিকল্প (ফাইল না থাকলেও বাংলা ঠিক দেখাবে) */
  --font-bn: var(--fam-bn), 'Hind Siliguri', 'Noto Sans Bengali', 'Nirmala UI',
             'Vrinda', system-ui, sans-serif;
  --font-brand: 'Poppins', 'Montserrat', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'Consolas', 'Menlo', 'DejaVu Sans Mono', monospace;

  /* লেখার আকার — সবগুলোই --fs দিয়ে গুণ হয় */
  --t-xs:  calc(12px * var(--fs));
  --t-sm:  calc(14px * var(--fs));
  --t-md:  calc(16px * var(--fs));
  --t-lg:  calc(20px * var(--fs));
  --t-xl:  calc(24px * var(--fs));
  --t-2xl: calc(32px * var(--fs));

  --lh-tight:  1.35;
  --lh-normal: 1.7;   /* বাংলা যুক্তাক্ষরের জন্য বেশি দরকার */
  --lh-loose:  1.9;

  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semi:   600;
  --fw-bold:   700;

  /* ফাঁক — লেখার সাথে সামান্য বাড়ে, নইলে বড় লেখায় ঠাসা লাগে */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  calc(12px * var(--fs));
  --s-4:  calc(16px * var(--fs));
  --s-5:  24px;
  --s-6:  32px;
  --s-7:  48px;

  /* কোণ */
  --r-btn:   6px;
  --r-card:  8px;
  --r-pill:  999px;
  --r-input: 6px;

  /* ছায়া */
  --sh-1: 0 1px 2px rgba(0, 0, 0, .06);
  --sh-2: 0 2px 8px rgba(0, 0, 0, .09);
  --sh-3: 0 8px 24px rgba(0, 0, 0, .16);

  /* স্পর্শের ন্যূনতম মাপ — লেখা ছোট করলেও এটি ছোট হবে না */
  --touch-min: 44px;

  /* লেআউট */
  --appbar-h:    56px;
  --bottomnav-h: 60px;
  --sidebar-w:   248px;
  --page-max:    1100px;

  /* স্তর */
  --z-appbar:  100;
  --z-nav:     110;
  --z-overlay: 200;
  --z-modal:   210;
  --z-toast:   300;

  /* গতি */
  --dur-fast: 120ms;
  --dur-base: 180ms;
  --ease: cubic-bezier(.2, .7, .3, 1);
}


/* =====================================================================
   ৫. গতি কমানোর অনুরোধ মানা (অ্যাক্সেসিবিলিটি)
   ===================================================================== */
@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur-base: 0ms; }
  *, *::before, *::after {
    animation-duration: .001ms !important;
    transition-duration: .001ms !important;
  }
}


/* =====================================================================
   ৬. Hind Siliguri — স্ব-হোস্টেড
   ফাইল না থাকলে ব্রাউজার নীরবে ফলব্যাকে যাবে, কিছু ভাঙবে না।
   বসানোর নিয়ম: assets/fonts/README.txt
   ===================================================================== */
@font-face {
  font-family: 'Hind Siliguri'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/HindSiliguri-Regular.woff2') format('woff2'),
       url('../fonts/HindSiliguri-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Hind Siliguri'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('../fonts/HindSiliguri-Medium.woff2') format('woff2'),
       url('../fonts/HindSiliguri-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Hind Siliguri'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('../fonts/HindSiliguri-SemiBold.woff2') format('woff2'),
       url('../fonts/HindSiliguri-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Hind Siliguri'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('../fonts/HindSiliguri-Bold.woff2') format('woff2'),
       url('../fonts/HindSiliguri-Bold.ttf') format('truetype');
}


/* =====================================================================
   ৬ক. হটফিক্স ৬২ — ডাইনামিক ফন্ট (ব্যবহারকারী বাছে; সিস্টেমের ভাষা ঠিক করে কোনটি প্রয়োগ হবে)
   • বাংলা ভাষা  → বাছা বাংলা ফন্টটিই (লাতিন অক্ষর/সংখ্যা বাংলা ফন্টে না থাকলে পরের বিকল্পে)।
   • English     → বাছা ইংরেজি ফন্টটিই; বাংলা লেখা (নাম ইত্যাদি) এলে বাছা বাংলা ফন্টে।
   ফন্ট ফাইল না থাকলে ব্রাউজার নীরবে বিকল্পে যায় — কিছু ভাঙে না। ফাইল বসানোর নিয়ম: assets/fonts/README.txt
   ===================================================================== */
html[data-font-bn="hind-siliguri"]     { --fam-bn: 'Hind Siliguri'; }
html[data-font-bn="kalpurush"]         { --fam-bn: 'Kalpurush'; }

html[data-font-en="inter"]      { --fam-en: 'Inter'; }
html[data-font-en="open-sans"]  { --fam-en: 'Open Sans'; }

/* ইংরেজি ভাষা চালু: বাছা ইংরেজি ফন্ট আগে, তারপর বাছা বাংলা ফন্ট (বাংলা অক্ষরের জন্য), তারপর বিকল্প */
html[lang="en"] {
  --font-bn: var(--fam-en), var(--fam-bn), 'Hind Siliguri', 'Noto Sans Bengali', 'Nirmala UI',
             'Vrinda', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}


/* ---- বাংলা: Kalpurush (এক ওজন; গাঢ় লাগলে ব্রাউজার নিজে গাঢ় করে) ----
   ⚠ unicode-range কেবল বাংলা অক্ষর/সংখ্যা (০–৯)/দাঁড়ি — ইংরেজি অক্ষর ও 0–9 যায় পরের বিকল্প (Hind Siliguri),
     কারণ এই ফন্টের ইংরেজি সংখ্যা অসমান; এতে ড্যাশবোর্ড/টেবিলের সংখ্যা সোজা ও পরিষ্কার থাকে। */
@font-face {
  font-family: 'Kalpurush'; font-style: normal; font-weight: 400; font-display: swap;
  unicode-range: U+0964-0965, U+0980-09FF, U+200C-200D, U+25CC;
  src: local('Kalpurush'),
       url('../fonts/Kalpurush.woff2') format('woff2'),
       url('../fonts/Kalpurush.ttf') format('truetype');
}

/* ---- ইংরেজি: Inter, Open Sans (২ ওজন করে: ৪০০–৫০০ ও ৬০০–৭০০) ---- */
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 400 500; font-display: swap;
  src: local('Inter'), url('../fonts/Inter-Regular.woff2') format('woff2'), url('../fonts/Inter-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 600 700; font-display: swap;
  src: url('../fonts/Inter-Bold.woff2') format('woff2'), url('../fonts/Inter-Bold.ttf') format('truetype'),
       url('../fonts/Inter-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 400 500; font-display: swap;
  src: local('Open Sans'), local('OpenSans'), url('../fonts/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 600 700; font-display: swap;
  src: url('../fonts/OpenSans-Bold.woff2') format('woff2'), url('../fonts/OpenSans-Bold.ttf') format('truetype'),
       url('../fonts/OpenSans-Regular.woff2') format('woff2');
}