/* ========================================================= علِّمنا — المتغيرات المركزية Design Tokens V2 قواعد الاستخدام: - هذا الملف هو المصدر المركزي للألوان والقيم البصرية المشتركة. - لا نكتب لونًا ثابتًا داخل ملفات الصفحات إذا كان له Token هنا. - حقول الإدخال تستخدم متغيرات --input-*. - الوضع الليلي يعمل عبر: . ========================================================= */ :root { color-scheme: light; /* ===================================================== الهوية الأساسية ===================================================== */ --primary: #008748; --primary-hover: #006335; --primary-light: #f6fefa; --primary-light-hover: #dbfeed; --primary-glow: rgba(0, 135, 72, 0.14); --primary-glow-transparent: rgba(0, 135, 72, 0); /* ===================================================== الهوية الثانوية ===================================================== */ --secondary: #e5a638; --secondary-hover: #ae7e2b; --secondary-light: #fdf8ef; --secondary-light-hover: #fdefd4; /* ===================================================== الواجهة ===================================================== */ --background: #f7f8fa; --surface: #ffffff; --surface-hover: #f9fafb; --surface-soft: #f4f6f5; --preview-dark-background: #171A1F; /* ===================================================== النصوص ===================================================== */ --text-primary: #222222; --text-secondary: #555555; --text-muted: #888888; --text-on-primary: #ffffff; /* ===================================================== المحتوى والروابط ===================================================== */ --content-title: #222222; --content-text: #4d5156; --content-muted: #888888; --link: #1a0dab; --link-hover: #174ea6; /* ===================================================== الحدود ===================================================== */ --border: #eeeeee; --border-strong: #dddddd; /* ===================================================== حالات النظام ===================================================== */ --success: #008748; --success-light: #eefbf4; --warning: #e5a638; --warning-light: #fdf8ef; --danger: #dc3545; --danger-hover: #b02a37; --danger-light: #fff1f1; --info: #2897e6; --info-light: #eef7ff; /* ===================================================== الظلال ===================================================== */ --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04); --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.06); --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.08); /* ===================================================== حقول الإدخال 46px هو الارتفاع الأساسي الموحد في الواجهة العامة ولوحة الإدارة ولوحة البزنس. على الجوال يرتفع إلى 48px لراحة اللمس والقراءة. ===================================================== */ --input-height: 46px; --input-height-mobile: 48px; --input-background: #f9fafb; --input-border: #eeeeee; --input-border-focus: var(--primary); --input-text: #222222; --input-placeholder: #999999; --input-radius: 9px; --input-padding-inline: 12px; /* ===================================================== التركيز وإمكانية الوصول ===================================================== */ --focus-ring: 0 0 0 3px var(--primary-glow); --disabled-opacity: 0.58; /* ===================================================== أنصاف الأقطار المشتركة ===================================================== */ --radius-sm: 8px; --radius-md: 10px; --radius-lg: 12px; --radius-xl: 16px; --radius-pill: 999px; /* ===================================================== المسافات المشتركة ===================================================== */ --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; /* ===================================================== الحركة ===================================================== */ --transition-fast: 0.15s ease; --transition-base: 0.20s ease; --transition-slow: 0.30s ease; /* ===================================================== Overlay ===================================================== */ --overlay: rgba(0, 0, 0, 0.45); } /* ========================================================= الوضع الليلي ========================================================= */ [data-theme="dark"] { color-scheme: dark; /* الهوية الأساسية */ --primary: #10B981; --primary-hover: #34D399; --primary-light: #0D2A21; --primary-light-hover: #123A2E; --primary-glow: rgba(16, 185, 129, 0.18); --primary-glow-transparent: rgba(16, 185, 129, 0); /* الهوية الثانوية */ --secondary: #e5a638; --secondary-hover: #f0b84e; --secondary-light: #302617; --secondary-light-hover: #40321c; /* الواجهة */ --background: #0D0F12; --surface: #171A1F; --surface-hover: #1E2228; --surface-soft: #14171B; /* النصوص */ --text-primary: #FFFFFF; --text-secondary: #D9DEE5; --text-muted: #9CA3AF; --text-on-primary: #FFFFFF; /* المحتوى والروابط */ --content-title: #FFFFFF; --content-text: #D9DEE5; --content-muted: #9CA3AF; --link: #34D399; --link-hover: #6EE7B7; /* الحدود */ --border: #2A2F36; --border-strong: #3A414B; /* حالات النظام */ --success: #10B981; --success-light: #0D2A21; --warning: #F59E0B; --warning-light: #33250B; --danger: #EF4444; --danger-hover: #F87171; --danger-light: #351719; --info: #60A5FA; --info-light: #172536; /* الظلال */ --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.20); --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.28); --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.36); /* حقول الإدخال */ --input-background: #171A1F; --input-border: #2A2F36; --input-border-focus: var(--primary); --input-text: #FFFFFF; --input-placeholder: #9CA3AF; /* Overlay */ --overlay: rgba(0, 0, 0, 0.68); } /* ========================================================= رمز الريال السعودي الموحد — R19.15.53 ========================================================= */ .alamna-riyal-symbol { display: inline-block; width: 0.82em; height: 0.92em; margin-inline: 0.16em 0.04em; vertical-align: -0.10em; object-fit: contain; flex: 0 0 auto; } .alamna-riyal-symbol[data-currency-symbol-size="small"] { width: 0.76em; height: 0.86em; } @media print { .alamna-riyal-symbol { print-color-adjust: exact; -webkit-print-color-adjust: exact; } } /* ========================================================= R19.15.57 — Compatibility aliases for theme-safe legacy UI ========================================================= */ :root { --text-color: var(--text-primary); --muted-color: var(--text-muted); --card-bg: var(--surface); --surface-color: var(--surface); --border-color: var(--border); --admin-surface: var(--surface); --admin-surface-soft: var(--surface-soft); --business-surface: var(--surface); --business-surface-soft: var(--surface-soft); }