/* RihlaGo design tokens (from the Claude Design "Saudi Safar redesign project"). Change brand values here only. */
:root {
  /* brand */
  --c-primary: #2F45FC;
  --c-primary-hover: #2233D9;
  --c-primary-soft: #E9EDFF;
  --c-primary-tint: #F5F7FF;
  --c-violet: #5838F3;
  --c-violet-2: #6539FE;
  --c-sky: #3164FE;
  --grad-brand: linear-gradient(90deg, #3164FE 0%, #5838F3 55%, #6539FE 100%);
  --grad-brand-diag: linear-gradient(135deg, #2F45FC 0%, #6539FE 100%);

  /* ink */
  --c-ink: #07132D;
  --c-ink-2: #43495A;
  --c-muted: #666C82;
  --c-muted-2: #8A90A6;
  --c-line: #E6EAF4;
  --c-line-2: #D5DBEA;
  --c-line-3: #B9C2D6;
  --c-bg: #FFFFFF;
  --c-bg-soft: #F5F7FF;
  --c-bg-muted: #EEF1F8;

  /* status */
  --c-success: #0F7F43;
  --c-success-2: #1C8C66;
  --c-success-soft: #E8FBF5;
  --c-warning: #9A5B00;
  --c-warning-soft: #FFF4E0;
  --c-danger: #C62A2A;
  --c-danger-soft: #FDECEC;
  --c-pink-soft: #FDE8F6;
  --c-pink: #C2269A;
  --c-lilac-soft: #F0EBFF;

  /* type */
  --font: "Plus Jakarta Sans", "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-ar: "IBM Plex Sans Arabic", "Plus Jakarta Sans", system-ui, sans-serif;

  /* shape */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  --shadow-card: 0 1px 2px rgba(7, 19, 45, .04), 0 8px 24px -12px rgba(7, 19, 45, .12);
  --shadow-pop: 0 24px 60px -20px rgba(7, 19, 45, .35), 0 2px 6px rgba(7, 19, 45, .06);
  --shadow-primary: 0 10px 24px -10px rgba(47, 69, 252, .55);

  /* layout */
  --container: 1440px;
  --gutter: 64px;
  --header-h: 88px;
}

@media (max-width: 1100px) {
  :root { --gutter: 32px; }
}

@media (max-width: 640px) {
  :root { --gutter: 16px; --header-h: 68px; }
}