/**
 * Davar theme — design tokens (rebuild spec)
 */
:root {
  --primary: #229C90;
  --primary-hover: #18877D;
  --primary-dark: #0B5F58;
  --primary-deep: #083F3B;
  --primary-soft: #E8F6F4;
  --primary-surface: #F3FAF9;

  --accent-yellow: #FFC809;
  --accent-yellow-hover: #E8B600;
  --accent-soft: #FFF7D1;

  --background-page: #F7F8FA;
  --background-warm: #FCF7EE;
  --background-white: #FFFFFF;

  --text-heading: #101828;
  --text-primary: #344054;
  --text-secondary: #667085;
  --text-muted: #98A2B3;

  --border-default: #E4E7EC;
  --border-light: #EAECF0;
  --border-strong: #D0D5DD;

  --success: #16A34A;
  --success-soft: #ECFDF3;
  --warning: #F59E0B;
  --warning-soft: #FFFAEB;
  --danger: #DC2626;
  --danger-soft: #FEF3F2;
  --info: #2563EB;
  --info-soft: #EFF6FF;

  --radius-small: 8px;
  --radius-input: 14px;
  --radius-button: 14px;
  --radius-card: 18px;
  --radius-panel: 24px;
  --radius-large: 30px;
  --radius-pill: 999px;

  --shadow-card: 0 8px 28px rgba(16, 24, 40, 0.07);
  --shadow-card-hover: 0 16px 42px rgba(16, 24, 40, 0.12);
  --shadow-header: 0 8px 28px rgba(16, 24, 40, 0.08);
  --shadow-modal: 0 28px 70px rgba(16, 24, 40, 0.2);

  --header-h: 76px;
  --header-h-scrolled: 68px;
  --bottom-nav-h: 68px;
  --font-en: "Manrope", "Inter", sans-serif;
  --font-ar: "Noto Sans Arabic", "Manrope", sans-serif;

  --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;
  --space-16: 64px;
}