:root {
  --flex-primary: #2f56f5;
  --flex-primary-hover: #2448dc;
  --flex-primary-soft: #e9efff;
  --flex-bg: #eef4ff;
  --flex-bg-deep: #e3ecfc;
  --flex-surface: #ffffff;
  --flex-text: #202431;
  --flex-muted: #8c92a4;
  --flex-border: #dfe6f2;
  --flex-success: #1fa971;
  --flex-warning: #e59b28;
  --flex-danger: #ef5b5b;
  --flex-radius-card: 20px;
  --flex-radius-control: 13px;
  --flex-shadow: 0 18px 55px rgba(71, 96, 145, 0.11);
  --flex-shadow-soft: 0 8px 24px rgba(71, 96, 145, 0.08);
  --flex-max: 1440px;
  color: var(--flex-text);
  background: var(--flex-bg);
  font-family: Inter, "SF Pro Display", "Segoe UI", Arial, sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}