/*
  @file css/base/variables.css
  @description Contains the main color and font variables for the project.
*/
/* تمت إضافة متغيرات جديدة لتحسين التناسق */
@import url('fonts.css');

:root {
  --primary-color: #007bff; /* Main blue color */
  --primary-color-light: #e6f2ff; /* Lighter version for glows and effects */
  --dark-blue: #03478f; /* Darker shade of blue for headings and important text */
  --accent-color: #ade9bb; /* لون مميز جديد (أخضر فاتح) */
  --success-color: #28a745;
  --danger-color: #dc3545;
  --danger-color-dark: #ef4444;
  --danger-color-light: #fee2e2;
  --danger-color-lighter: #fecaca;
  --warning-color: #f59e0b;
  --info-color: #3498db;
  --secondary-color: #6c757d;

  --text-color-dark: #222222;
  --text-color-medium: #4a5568;
  --text-color-light: #7f8c8d;
  --icon-color: #9ca3af; /* لون الأيقونات داخل حقول الإدخال */

  --bg-color-light: #f9f9f9;
  --bg-color-white: #ffffff;
  --bg-color-glass: rgba(255, 255, 255, 0.85); /* خلفية زجاجية شفافة */
  --border-color: #e9ecef;
  --border-color-input: #d1d5db; /* لون حدود حقول الإدخال */
  --border-color-active: #9bc1eb; /* لون الإطار للعناصر النشطة (أزرق فاتح) */
  --border-color-soft: #eef2f7; /* لون إطار ناعم جدًا (للخلفيات البيضاء) */
  --border-color-strong: #b0b7bc; /* لون إطار أقوى قليلاً للتمييز */

  --font-primary: "Tajawal", sans-serif;

  --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.05);
  --shadow-interactive: 0 4px 12px rgba(0, 0, 0, 0.1); /* ظل تفاعلي للأزرار */
  --shadow-focus: 0 0 0 3px rgba(164, 193, 240, 0.25);
}