:root {
  --mx-green: #02E375;
  --mx-green-dark: #00c764;

  --mx-text: #0f172a;
  --mx-muted: #475569;
  --mx-light-muted: #64748b;

  --mx-bg: linear-gradient(135deg, #ffffff 0%, #f7fff9 45%, #effff5 100%);

  --mx-white: #ffffff;
  --mx-border: #e5e7eb;

  --mx-max-width: 1180px;

  --mx-radius-card: 24px;
  --mx-radius-large: 30px;
  --mx-radius-pill: 999px;

  --mx-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
  --mx-shadow-hover: 0 18px 42px rgba(15, 23, 42, 0.11);
  --mx-green-shadow: 0 12px 24px rgba(2, 227, 117, 0.24);
}