:root {
  --color-page-bg: #f5f8fc;
  --color-surface: #ffffff;
  --color-border: #e7ecf3;
  --color-icon-bg: #eef3fa;
  --color-icon-border: #eef2f8;

  --color-text-heading: #0c1626;
  --color-text-muted: #69768c;
  --color-text-muted-2: #6a7282;
  --color-text-inverse: #ffffff;
  --color-text-label: #99a1af;

  --color-brand: #0e9fe0;
  --color-brand-mid: #2da6d8;
  --color-brand-light: #4dc7f4;
  --color-brand-dark: #006eb8;
  --color-success: #22c55e;

  --color-border-light: #e8eef7;
  --color-border-lighter: #f3f4f6;

  --color-accent-orange: #f5a623;
  --color-accent-pink: #e0218a;
  --color-accent-green: #22c55e;
  --color-accent-purple: #7c5cff;
  --color-accent-blue: #4dc7f4;

  --gradient-brand: linear-gradient(
    135deg,
    #4dc7f4 0%,
    #0e9fe0 45%,
    #006eb8 100%
  );
  --gradient-brand-button: linear-gradient(
    135deg,
    #23b0ee 0%,
    #0e9fe0 40%,
    #006eb8 100%
  );

  --font-family-base: "Plus Jakarta Sans", sans-serif;
  --fw-regular: 400;
  --fw-semibold: 600;
  --fw-bold: 700;

  --fs-badge: 0.875rem; /* 13px */
  --fs-status: 0.875rem; /* 13.5px */
  --fs-body-sm: 0.71875rem; /* 11.5px */
  --fs-body: 0.875rem; /* 14px */
  --fs-step-title: 0.875rem; /* 14px  */
  --fs-message: 1.3rem; /* 20px */
  --fs-cta: 1.0625rem; /* 17px */

  --radius-sm: 0.875rem; /* 14px — icon tiles */
  --radius-md: 1.25rem; /* 20px — chat bubble */
  --radius-lg: 1.375rem; /* 22px — steps card */
  --radius-pill: 999px;

  --shadow-card:
    0 8px 24px 0 rgba(13, 71, 121, 0.08), 0 2px 6px 0 rgba(12, 22, 38, 0.05);
  --shadow-avatar: 0 6px 8px 0 rgba(14, 159, 224, 0.4);
  --shadow-avatar-inset: inset 0 1px 3px 0 rgba(255, 255, 255, 0.5);
  --shadow-button-inset: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);

  --page-max-width: 1440px;
  --content-max-width: 632px;
}

body {
  font-family: var(--font-family-base);
  background-color: var(--color-page-bg);
  color: var(--color-text-heading);
  min-height: 100vh;
  overflow-x: hidden;
}

a {
  text-decoration: none;
}