/* =============================================================
   শুরু: ডিজাইন টোকেন — cp-tokens.css
   কাজ: পুরো প্রজেক্টের রঙ, ফন্ট, মাপ, ছায়া, রেডিয়াস ও স্পিড একই
   জায়গায় (CSS variable) সংজ্ঞায়িত করে। এখানে কোনো সিলেক্টর নেই,
   শুধু :root ভ্যারিয়েবল — থিম বা রঙ বদলাতে চাইলে শুধু এই ফাইলটি
   সম্পাদনা করলেই সব পেজ ও সেকশনে একসাথে প্রভাব পড়বে।
   শেষ: ডিজাইন টোকেন
   ============================================================= */
:root {

  /* --- শুরু: ব্র্যান্ড রঙ (ডাবের সবুজ + ক্রিম + সোনালি) --- */
  --cp-green: #5f9f1b;          /* প্রাইমারি সবুজ — বাটন ও লিংক */
  --cp-green-deep: #245c20;     /* গাঢ় সবুজ — হেডার ও সাইডবার */
  --cp-green-dark: #10301c;     /* রাত-সবুজ — হিরো ও ফুটার ব্যাকগ্রাউন্ড */
  --cp-gold: #b47a12;           /* সোনালি — হাইলাইট ও অফার টেক্সট */
  --cp-cream: #fff9ee;          /* ক্রিম — পেজের মূল ব্যাকগ্রাউন্ড */
  --cp-soft: #eef6e6;           /* হালকা সবুজাভ সারফেস */
  --cp-white: #ffffff;
  /* --- শেষ: ব্র্যান্ড রঙ --- */

  /* --- শুরু: টেক্সট ও বর্ডার রঙ --- */
  --cp-text: #1e2b1c;           /* মূল টেক্সট */
  --cp-muted: #6f786d;          /* ছোট/সাপোর্টিং টেক্সট */
  --cp-line: #dde6d5;           /* বর্ডার ও ডিভাইডার */
  --cp-on-dark: #eef8e7;        /* ডার্ক সারফেসে টেক্সট */
  --cp-danger: #b42318;         /* বিপদ/ডিলিট */
  --cp-success: #2e7d32;        /* সফল/ডেলিভার্ড */
  /* --- শেষ: টেক্সট ও বর্ডার রঙ --- */

  /* --- শুরু: AI গ্লো রঙ (গুগল ক্রোম নিউ-ট্যাব মোড অনুরূপ) --- */
  --cp-night: #06110c;          /* হিরো/ফুটারের গাঢ় ব্যাকগ্রাউন্ড */
  --cp-night-2: #0b1f14;        /* গাঢ় সারফেসের দ্বিতীয় স্তর */
  --cp-glow-blue: #8ab4f8;      /* নীল গ্লো ব্লব */
  --cp-glow-violet: #c58af9;    /* বেগুনি গ্লো ব্লব */
  --cp-glow-mint: #81c995;      /* পুদিনা গ্লো ব্লব */
  --cp-glow-rose: #f28b82;      /* গোলাপি গ্লো ব্লব */
  /* --- শেষ: AI গ্লো রঙ --- */

  /* --- শুরু: ফন্ট ও টাইপোগ্রাফি --- */
  --cp-font: 'Plus Jakarta Sans', 'Noto Sans Bengali', system-ui, sans-serif;
  --cp-font-bn: 'Noto Sans Bengali', 'Plus Jakarta Sans', sans-serif;
  --cp-fs-xs: 0.75rem;  /* ছোট লেবেল */
  --cp-fs-sm: 0.875rem; /* সাধারণ সহায়ক টেক্সট */
  --cp-fs-md: 1rem;     /* বডি টেক্সট */
  --cp-fs-lg: clamp(1.35rem, 2.4vw, 1.75rem);  /* সেকশন শিরোনাম */
  --cp-fs-xl: clamp(1.9rem, 4.6vw, 3.4rem);    /* হিরো শিরোনাম */
  /* --- শেষ: ফন্ট ও টাইপোগ্রাফি --- */

  /* --- শুরু: মাপ, রেডিয়াস, ছায়া --- */
  --cp-container: 1180px;       /* কন্টেইনারের সর্বোচ্চ প্রস্থ */
  --cp-gutter: clamp(16px, 4vw, 40px); /* পাশের হাটানো */
  --cp-radius-lg: 24px;         /* বড় কার্ড */
  --cp-radius: 16px;            /* মাঝারি কার্ড */
  --cp-radius-sm: 10px;         /* ছোট ইনপুট/বাটন */
  --cp-radius-pill: 999px;      /* পিল আকৃতি */
  --cp-shadow-1: 0 10px 30px rgba(36, 92, 32, 0.10);
  --cp-shadow-2: 0 24px 60px rgba(16, 48, 28, 0.18);
  /* --- শেষ: মাপ, রেডিয়াস, ছায়া --- */

  /* --- শুরু: CSS ট্রানজিশন স্পিড (ছোট hover ইফেক্টের জন্য) --- */
  --cp-fast: 180ms;
  --cp-mid: 320ms;
  --cp-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  /* --- শেষ: CSS ট্রানজিশন স্পিড --- */

  /* --- শুরু: লেয়ার জোন (z-index সংঘর্ষ এড়াতে) --- */
  --cp-z-header: 60;
  --cp-z-drawer: 80;
  --cp-z-modal: 120;
  --cp-z-toast: 200;
  /* --- শেষ: লেয়ার জোন --- */

  /* --- শুরু: অ্যাডমিন প্যানেলের রঙ --- */
  --cp-adm-bg: #f4f8f1;         /* অ্যাডমিন কন্টেন্ট ব্যাকগ্রাউন্ড */
  --cp-adm-side: #10301c;       /* সাইডবার ব্যাকগ্রাউন্ড */
  --cp-adm-side-text: #cfe2c8;  /* সাইডবার টেক্সট */
  --cp-adm-active: #2d6427;     /* সাইডবার সক্রিয় আইটেম */
  /* --- শেষ: অ্যাডমিন প্যানেলের রঙ --- */
}
/* শেষ ফাইল: cp-tokens.css */