:root {
  color-scheme: light;

  /* MAWJA blue, navy and signal-cyan palette */
  --color-ink: #14243b;
  --color-ink-soft: #344962;
  --color-muted: #626f82;
  --color-muted-strong: #4d5f74;
  --color-brand: #2563eb;
  --color-brand-dark: #1d4ed8;
  --color-brand-deep: #173f9d;
  --color-brand-soft: #eaf1ff;
  --color-accent: #38bfc9;
  --color-accent-soft: #e4f8f9;
  --color-page: #f4f7fb;
  --color-surface: #ffffff;
  --color-surface-tint: #f8faff;
  --color-border: #dce4ee;
  --color-focus: #a64012;

  /* Reusable rhythm and shape */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --radius-small: 12px;
  --radius-medium: 18px;
  --radius-large: 26px;
  --page-width: 1280px;
  --page-gutter: clamp(14px, 4vw, 48px);
  --transition-fast: 150ms ease;

  /* Restrained depth: cards stay calm, rather than dashboard-like */
  --shadow-soft: 0 14px 36px rgb(20 36 59 / 7%);
  --shadow-card: 0 6px 20px rgb(20 36 59 / 5%);
}