/* Dark Empires — Shared CSS Variables */
:root {
    --primary: #6366f1;
    --primary-hover: #4f46e5;
    --secondary: #10b981;
    --text: #1e293b;
    --subtext: #64748b;
    --border: #e2e8f0;
    --bg: #f8fafc;
    --bg-light: #f8fafc;
    --card-bg: #ffffff;
    --shadow-sm: 0 2px 6px rgba(0,0,0,0.05);
    --shadow: 0 4px 12px -2px rgba(0,0,0,0.10);
    --shadow-hover: 0 6px 16px rgba(0,0,0,0.12);
    --gradient: linear-gradient(135deg, #e0e7ff, #bfdbfe);
    --success: #22c55e;
    --danger: #dc2626;
    --disabled: #d1d5db;
    --telegram: #0088cc;
    --youtube: #ff0000;
    --instagram: #c13584;
    --whatsapp: #25d366;
    --transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}