/* =========================================
   EduTrust BD - CSS Variables
   Color Palette: White, Dark Blue & Glassmorphism
========================================= */

:root {
    /* 1. Main Color Palette (সাদা এবং গাঢ় নীল থিম) */
    --primary-blue: #2563EB;      /* বাটনের জন্য উজ্জ্বল নীল */
    --primary-blue-hover: #1D4ED8; /* বাটনে হোভার করলে যে কালার হবে */
    --dark-blue: #0A192F;         /* টেক্সট এবং গাঢ় ব্যাকগ্রাউন্ডের জন্য */
    --light-bg: #F4F7F6;          /* ওয়েবসাইটের মূল ব্যাকগ্রাউন্ড কালার */
    --white: #FFFFFF;             /* সাদা কালার */
    --text-gray: #64748B;         /* হালকা টেক্সটের জন্য ছাই রঙ */

    /* 2. Glassmorphism Effects (স্বচ্ছ কাঁচের মতো ইফেক্ট) */
    --glass-bg: rgba(255, 255, 255, 0.6);        /* কার্ডের ব্যাকগ্রাউন্ড */
    --glass-border: rgba(255, 255, 255, 0.8);    /* কার্ডের বর্ডার */
    --glass-shadow: 0 8px 32px rgba(10, 25, 47, 0.08); /* হালকা শ্যাডো */
    --glass-blur: blur(12px);                    /* পেছনের ব্যাকগ্রাউন্ড ব্লার করার জন্য */

    /* 3. Typography (ফন্ট স্টাইল) */
    --font-main: 'Inter', system-ui, sans-serif; /* আধুনিক এবং প্রফেশনাল ফন্ট */

    /* 4. Spacing and Border Radius (কোণা গোল করার মাপ) */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-full: 50px; /* পিল বা ক্যাপসুল আকৃতির বাটনের জন্য */

    /* 5. Transitions (স্মুথ অ্যানিমেশনের জন্য) */
    --transition-fast: all 0.2s ease-in-out;
    --transition-smooth: all 0.4s ease;
}