:root {
  --color-bg: #e8e4f0;
  --color-bg-banner-start: #1a3a5c;
  --color-bg-banner-end: #2d5a87;
  --color-card: #ffffff;
  --color-border-intro: #7c6fae;
  --color-text: #1a202c;
  --color-text-muted: #718096;
  --color-text-helper: #a0aec0;
  --color-required: #c53030;
  --color-accent: #5e35b1;
  --color-accent-hover: #4527a0;
  --color-link: #3182ce;
  --color-link-hover: #2b6cb0;
  --color-table-header: #e2e8f0;
  --color-table-border: #cbd5e0;
  --color-input-border: #cbd5e0;
  --color-input-focus: #7c6fae;
  --color-btn-secondary-border: #cbd5e0;
  --color-section-bar: #6b5b95;
  --color-success: #276749;
  --color-success-bg: #f0fff4;

  --font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-size-base: 0.9375rem;
  --font-size-sm: 0.8125rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.375rem;
  --font-size-2xl: 1.625rem;

  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
  --max-width-form: 640px;
  --transition: 0.2s ease;
}