/*
 * theme-tokens.css — সাইটের সব রঙ এই একটা ফাইলে।
 * রঙ বদলাতে চাইলে শুধু এখানকার মান বদলান।
 * Import: আপনার মূল CSS-এর একদম উপরে  @import './theme-tokens.css';
 */
:root {
  /* Brand */
  --color-brand: #07335A;        /* বাটন, লিংক, মূল ব্র্যান্ড রঙ */
  --color-brand-alt: #018F95;    /* সেকেন্ডারি অ্যাকসেন্ট (বড় বাটন/আইকন/হাইলাইট) */
  --color-accent: #FEC225;       /* ব্যাজ, অফার, নজর কাড়ার জায়গা */

  /* Text */
  --color-heading: #05345C;
  --color-text: #5B6B7D;
  --color-on-brand: #FFFFFF;     /* ব্র্যান্ড রঙের ওপর লেখা */
  --color-on-accent: #05345C;    /* হলুদের ওপর লেখা (সাদা নয়) */

  /* Backgrounds */
  --color-bg: #FFFFFF;
  --color-bg-secondary: #F5F7F8;
  --color-bg-subtle: #E5E9EC;    /* বর্ডার/ডিভাইডারেও ব্যবহার */
  --color-bg-alt: var(--color-brand); /* গাঢ় সেকশন, ফুটার */

  /* Derived */
  --color-border: var(--color-bg-subtle);
  --color-link: var(--color-brand);
  --color-link-hover: var(--color-brand-alt);
}