/* ============================================ DocClinic - Public Site Premium Design RTL-First with Advanced Animations (عند بقاء كاش قديم على الاستضافة: زِد APP_ASSET_VERSION في .env) ============================================ */ :root { /* Base Colors */ --dc-bg: #0a0f1a; --dc-surface: rgba(255, 255, 255, 0.04); --dc-card: rgba(255, 255, 255, 0.06); --dc-card-hover: rgba(255, 255, 255, 0.09); --dc-text: #ffffff; --dc-text-secondary: rgba(255, 255, 255, 0.7); --dc-muted: rgba(255, 255, 255, 0.55); /* مكوّنات RGB للشفافيات — تتبدّل مع اختيار لون الثيم */ --dc-rgb-primary: 37, 99, 235; --dc-rgb-accent: 14, 165, 233; /* Blue Primary Palette - Medical Theme */ --dc-primary: #2563eb; --dc-primary-light: #3b82f6; --dc-primary-dark: #1d4ed8; --dc-primary-glow: rgba(var(--dc-rgb-primary), 0.4); --dc-accent: #0ea5e9; --dc-accent-glow: rgba(var(--dc-rgb-accent), 0.3); --dc-success: #10b981; --dc-warning: #f59e0b; --dc-danger: #ef4444; /* Gradients */ --dc-gradient-primary: linear-gradient(135deg, #2563eb, #0ea5e9); --dc-gradient-hero: radial-gradient(ellipse at 30% 40%, rgba(var(--dc-rgb-primary), 0.15), transparent 50%); --dc-gradient-card: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)); /* Shadows */ --dc-shadow-sm: 0 4px 20px rgba(0, 0, 0, 0.15); --dc-shadow-md: 0 8px 32px rgba(0, 0, 0, 0.2); --dc-shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.3); --dc-shadow-xl: 0 25px 60px rgba(0, 0, 0, 0.4); --dc-shadow-primary: 0 10px 40px rgba(var(--dc-rgb-primary), 0.3); /* Borders */ --dc-radius-sm: 12px; --dc-radius-md: 18px; --dc-radius-lg: 24px; --dc-radius-xl: 32px; --dc-radius-full: 9999px; /* Animations */ --dc-transition-fast: 0.2s ease; --dc-transition-base: 0.3s ease; --dc-transition-slow: 0.5s ease; --dc-transition-slower: 0.8s ease; /* Typography — Cairo لكل النصوص العربية */ --dc-font-body: 'Cairo', 'Tajawal', system-ui, -apple-system, 'Segoe UI', sans-serif; --dc-font-display: 'Cairo', 'Tajawal', system-ui, sans-serif; } /* ألوان ثيم إضافية (زر منتقي الألوان — data-dc-theme على ) */ html[data-dc-theme="teal"] { --dc-primary: #0d9488; --dc-primary-light: #14b8a6; --dc-primary-dark: #0f766e; --dc-accent: #2dd4bf; --dc-rgb-primary: 13, 148, 136; --dc-rgb-accent: 45, 212, 191; --dc-gradient-primary: linear-gradient(135deg, #0d9488, #2dd4bf); } html[data-dc-theme="violet"] { --dc-primary: #7c3aed; --dc-primary-light: #8b5cf6; --dc-primary-dark: #6d28d9; --dc-accent: #38bdf8; --dc-rgb-primary: 124, 58, 237; --dc-rgb-accent: 56, 189, 248; --dc-gradient-primary: linear-gradient(135deg, #7c3aed, #38bdf8); } html[data-dc-theme="rose"] { --dc-primary: #e11d48; --dc-primary-light: #f43f5e; --dc-primary-dark: #be123c; --dc-accent: #fb7185; --dc-rgb-primary: 225, 29, 72; --dc-rgb-accent: 251, 113, 133; --dc-gradient-primary: linear-gradient(135deg, #e11d48, #fb7185); } html[data-dc-theme="amber"] { --dc-primary: #d97706; --dc-primary-light: #f59e0b; --dc-primary-dark: #b45309; --dc-accent: #fbbf24; --dc-rgb-primary: 217, 119, 6; --dc-rgb-accent: 251, 191, 36; --dc-gradient-primary: linear-gradient(135deg, #d97706, #fbbf24); } /* ============================================ Global Reset & Base ============================================ */ * { margin: 0; padding: 0; box-sizing: border-box; } /* مظهر داكن لعناصر النماذج الأصلية (خاصة قائمة