:root {
  --color-primary: #11844d;
  --color-primary-dark: #0c693c;
  --color-primary-soft: #eaf7f0;
  --color-text: #1f2937;
  --color-text-soft: #677487;
  --color-border: #dfe6eb;
  --color-bg: #f5f7fb;
  --color-surface: #ffffff;
  --color-danger: #b94040;
  --color-facebook: #345f9c;
  --color-google: #b7433c;

  --shadow-sm: 0 12px 30px rgba(23, 33, 56, 0.07);
  --shadow-md: 0 20px 40px rgba(23, 33, 56, 0.1);
  --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.5);

  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  --container: min(1280px, calc(100% - 48px));
  --transition: 0.25s ease;
}