:root {
  --teal: #0e6b7c;
  --teal-deep: #0a4f5c;
  --teal-soft: #e6f3f5;
  --gold: #f5a623;
  --gold-deep: #a66b00;
  --gold-btn: #f5a623;
  --gold-btn-hover: #8a5a00;
  --ink: #14222b;
  --ink-soft: #3d4d56;
  --paper: #f7fafb;
  --white: #ffffff;
  --whatsapp: #128c7e;
  --whatsapp-deep: #0b6b61;
  --line: rgba(14, 107, 124, 0.12);
  --container-max: 1200px;
  --section-gap: 64px;
  --nav-h: 92px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --font: "Cairo", "Noto Sans Arabic", sans-serif;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --shadow-soft: 0 12px 40px rgba(10, 79, 92, 0.08);
  --focus-ring: 0 0 0 3px rgba(14, 107, 124, 0.35);
}

@media (min-width: 768px) {
  :root {
    --section-gap: 88px;
    --nav-h: 100px;
  }
}