/* ================================
   Wakkeli Design Tokens
================================ */

:root {
  --wk-primary: #2563EB;
  --wk-primary-hover: #1D4ED8;
  --wk-success: #22C55E;
  --wk-bg: #F8FAFC;
  --wk-surface: #FFFFFF;
  --wk-text: #0F172A;
  --wk-muted: #64748B;
  --wk-border: #E2E8F0;
  --wk-danger: #EF4444;
  --wk-warning: #F59E0B;

  --wk-radius-btn: 999px;
  --wk-radius-input: 16px;
  --wk-radius-card: 20px;
  --wk-radius-section: 24px;

  --wk-shadow-card: 0 8px 24px rgba(15,23,42,.08);
  --wk-shadow-card-hover: 0 18px 44px rgba(15, 23, 42, .10);

  --wk-space-1: 8px;
  --wk-space-2: 16px;
  --wk-space-3: 24px;
  --wk-space-4: 32px;
  --wk-space-5: 40px;
  --wk-space-6: 48px;
  --wk-space-8: 64px;
  --wk-space-12: 96px;

  --wk-container: 1280px;
  --wk-transition: .2s ease;
}

/* ================================
   Wakkeli Base Typography
================================ */

body {
  font-family: "IBM Plex Sans Arabic", sans-serif;
  background: var(--wk-bg);
  color: var(--wk-text);
}