:root {
  --font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --color-bg: #f5f5f5;
  --color-bg-soft: #ffffff;
  --color-bg-strong: #24051c;

  --color-section-light: #f5f5f5;
  --color-section-white: #ffffff;
  --color-section-green: #87e752;
  --color-section-pink: #e110e8;
  --color-section-dark: #24051c;

  --color-surface: #ffffff;
  --color-surface-soft: rgba(255, 255, 255, 0.96);
  --color-surface-strong: #f5f5f5;

  --color-card-dark: rgba(36, 5, 28, 0.94);
  --color-card-dark-strong: rgba(36, 5, 28, 0.98);

  --color-text: #1f111b;
  --color-text-inverted: #ffffff;
  --color-muted: #5f4a58;
  --color-muted-inverted: #ffd8fb;

  --color-border: rgba(31, 17, 27, 0.14);
  --color-border-strong: rgba(31, 17, 27, 0.28);
  --color-border-inverted: rgba(255, 255, 255, 0.18);

  --color-accent: #e110e8;
  --color-accent-strong: #b600bd;
  --color-accent-soft: rgba(225, 16, 232, 0.13);

  --color-red: #e33452;
  --color-red-dark: #a01535;
  --color-red-soft: rgba(227, 52, 82, 0.13);

  --color-success: #1f7a4d;
  --color-success-soft: rgba(31, 122, 77, 0.13);

  --color-warning: #a65f00;
  --color-warning-soft: rgba(166, 95, 0, 0.13);

  --color-danger: #c62645;
  --color-danger-soft: rgba(198, 38, 69, 0.13);

  --color-link: var(--color-accent-strong);
  --color-link-hover: #7d145f;

  --page-max-width: 96rem;
  --content-max-width: 62rem;

  --space-xs: 0.35rem;
  --space-sm: 0.65rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;

  --radius-sm: 0.45rem;
  --radius-md: 0.85rem;
  --radius-lg: 1.25rem;
  --radius-xl: 2rem;

  --shadow-card:
    0 0.8rem 2rem rgba(31, 17, 27, 0.12);

  --shadow-card-soft:
    0 0.45rem 1.4rem rgba(31, 17, 27, 0.10);

  --shadow-glow:
    0 0 2rem rgba(225, 16, 232, 0.30);

  --header-height: auto;
}