:root {
  --primary: #21b5f6;
  --primary-dark: #087db2;
  --secondary: #58c9fa;
  --accent: #f59e0b;
  --heading: #111827;
  --text: #334155;
  --text-muted: #64748b;
  --surface: #ffffff;
  --surface-alt: #eef9ff;
  --surface-dark: #071926;
  --on-surface: #334155;
  --on-surface-alt: #334155;
  --on-dark: #ffffff;
  --on-primary: #ffffff;
  --color-primary: #21b5f6;
  --color-primary-2: #58c9fa;
  --color-primary-dark: #087db2;
  --color-ink: #111827;
  --color-body: #334155;
  --color-muted: #64748b;
  --color-line: #d9f1fd;
  --color-soft: #eef9ff;
  --color-dark: #071926;
  --color-white: #ffffff;
  --shadow-soft: 0 24px 70px rgba(8, 125, 178, 0.16);
  --radius-lg: 28px;
  --radius-md: 18px;
}

body {
  color: var(--text);
  background: var(--surface);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading);
}