/* تعريفاتٌ وحدها، بلا منطقٍ ولا تخطيط — من أراد لوناً أو مسافةً مسمّاة يبدأ هنا.
   يقابل core/design في تطبيق دفتري: مصدرٌ واحد لكلّ رقمٍ يتكرّر. */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');

:root {
  --ink: #0f172a;
  --muted: #64748b;
  --line: #e2e8f0;
  --bg: #f8fafc;
  --card: #ffffff;
  --brand: #1d4ed8;
  --brand-dark: #1e3a8a;
  --brand-soft: #eff6ff;

  --gap-sm: 6px;
  --gap: 12px;
  --gap-md: 14px;
  --gap-lg: 22px;
  --radius: 14px;
  --radius-lg: 18px;

  --shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 20px rgba(15, 23, 42, .05);
  --shadow-hover: 0 4px 10px rgba(15, 23, 42, .06), 0 16px 32px rgba(15, 23, 42, .1);
  --transition: .18s ease;

  --font: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Tahoma, sans-serif;
}