/**
 * variables.css
 * Brand color এখানে default হিসেবে আছে, কিন্তু আসল ভ্যালু
 * layout/head.php থেকে config/site.config.php অনুযায়ী inline override হয়
 * (যাতে নতুন সাইটে শুধু site.config.php বদলালেই brand color বদলে যায়)।
 */
:root {
    --brand-50:  #eff6ff;
    --brand-100: #dbeafe;
    --brand-200: #bfdbfe;
    --brand-300: #93c5fd;
    --brand-400: #60a5fa;
    --brand-500: #3b82f6;
    --brand-600: #2563eb;
    --brand-700: #1d4ed8;
    --brand-800: #1e40af;
    --brand-900: #1e3a8a;

    /* Surface / text tokens — নতুন কম্পোনেন্ট বানানোর সময় hardcoded
       gray-XXX এর বদলে এই variable গুলো ব্যবহার করুন, তাহলে dark mode
       automatic কাজ করবে, আলাদা override লেখা লাগবে না। */
    --surface:        #ffffff;
    --surface-alt:     #f9fafb;
    --surface-border:  #e5e7eb;
    --text-primary:    #111827;
    --text-secondary:  #4b5563;
    --text-muted:      #9ca3af;
}

[data-theme="dark"] {
    --surface:        #1e293b;
    --surface-alt:     #0f172a;
    --surface-border:  #334155;
    --text-primary:    #f1f5f9;
    --text-secondary:  #cbd5e1;
    --text-muted:      #64748b;
}