:root {
  --lrai-color-navy: #071b3d;
  --lrai-color-river-blue: #1768dd;
  --lrai-color-lotus-turquoise: #18afc0;
  --lrai-color-mist: #eef9fb;
  --lrai-color-slate: #52627a;
  --lrai-color-white: #ffffff;

  --lrai-color-text: var(--lrai-color-navy);
  --lrai-color-text-muted: var(--lrai-color-slate);
  --lrai-color-background: var(--lrai-color-white);
  --lrai-color-background-subtle: var(--lrai-color-mist);
  --lrai-color-action: var(--lrai-color-river-blue);
  --lrai-color-accent: var(--lrai-color-lotus-turquoise);

  --lrai-font-sans: "Manrope", "Segoe UI", Arial, sans-serif;
  --lrai-font-weight-regular: 400;
  --lrai-font-weight-medium: 500;
  --lrai-font-weight-semibold: 600;
  --lrai-font-weight-bold: 700;

  --lrai-radius-small: 8px;
  --lrai-radius-medium: 16px;
  --lrai-radius-large: 24px;
  --lrai-radius-pill: 999px;

  --lrai-space-1: 0.25rem;
  --lrai-space-2: 0.5rem;
  --lrai-space-3: 0.75rem;
  --lrai-space-4: 1rem;
  --lrai-space-6: 1.5rem;
  --lrai-space-8: 2rem;
  --lrai-space-12: 3rem;
  --lrai-space-16: 4rem;
  --lrai-space-24: 6rem;

  --lrai-shadow-soft: 0 18px 50px rgb(7 27 61 / 10%);
  --lrai-content-width: 75rem;
  --lrai-reading-width: 44rem;
  --lrai-transition: 180ms ease;
}