/* Aladwaa Affiliate Campaign — design tokens
 * Source: BRD §9.1 (final palette, sampled from the official Aladwaa logo).
 * The orange/navy/gold/green tokens described in §9.4 are superseded and are
 * deliberately absent — see docs/design-decisions.md.
 */

:root {
  /* ---- Brand ---- */
  --adw-cyan: #00c0f3;
  --adw-cyan-dark: #0189ac;
  --adw-cyan-tint: #e4f7fd;
  --adw-cyan-light: #7fe3ff;
  --adw-teal: #025f78;
  --adw-teal-dark: #013f52;

  /* ---- Text ---- */
  --adw-ink: #14143a;
  --adw-body: #55556f;
  --adw-muted: #6e7391;
  --adw-body-strong: #3a3a5e;

  /* ---- Surfaces ---- */
  --adw-white: #ffffff;
  --adw-bg: #f5fafd;
  --adw-neutral-tint: #e6f0f4;
  --adw-hairline: #e4eff5;
  --adw-track: #e7eff4;

  /* ---- Feedback (kept neutral per §9.1 — no green/amber/purple) ---- */
  --adw-danger: #c02640;
  --adw-danger-tint: #fdecef;

  /* ---- Gradients ---- */
  --adw-grad-cta: linear-gradient(120deg, #025f78 0%, #0189ac 55%, #00c0f3 100%);
  --adw-grad-rewards: linear-gradient(180deg, #f5fafd, #e9f5fa);
  --adw-grad-progress: linear-gradient(90deg, #00c0f3, #025f78);
  --adw-grad-ps5: linear-gradient(160deg, #025f78, #013f52);

  /* ---- Spacing scale (§9.3) ---- */
  --adw-s1: 4px;
  --adw-s2: 8px;
  --adw-s3: 12px;
  --adw-s4: 16px;
  --adw-s5: 24px;
  --adw-s6: 32px;
  --adw-s7: 48px;
  --adw-s8: 64px;
  --adw-s9: 96px;

  /* ---- Radius (§9.3) ---- */
  --adw-r-sm: 8px;
  --adw-r-md: 16px;
  --adw-r-lg: 24px;
  --adw-r-xl: 26px;
  --adw-r-full: 999px;

  /* ---- Elevation (§9.3) ---- */
  --adw-sh-card: 0 2px 12px rgba(18, 40, 76, 0.08);
  --adw-sh-raised: 0 8px 28px rgba(18, 40, 76, 0.14);
  --adw-sh-cta: 0 14px 34px rgba(0, 192, 243, 0.42);
  --adw-sh-soft: 0 14px 36px rgba(2, 95, 120, 0.1);
  --adw-sh-deep: 0 30px 70px rgba(2, 95, 120, 0.22);

  /* ---- Layout ---- */
  --adw-maxw: 1160px;
  --adw-pad-x: 40px;

  /* ---- Type (§9.2) ---- */
  --adw-font: "Cairo", "Tajawal", system-ui, -apple-system, "Segoe UI", sans-serif;
}

@media (max-width: 780px) {
  :root {
    --adw-pad-x: 20px;
  }
}
