:root {
  --color-olive: #5f6f3a;
  --color-olive-dark: #3f4a2a;
  --color-lime: #b6d957;
  --color-lime-soft: #dde8b5;
  --color-soft-green: #eef5e3;
  --color-bg: #f8faf5;
  --color-white: #ffffff;
  --color-text: #2f2f2f;
  --color-muted: #666666;
  --color-border: #e7e7e7;
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.05);
  --shadow-medium: 0 15px 40px rgba(0, 0, 0, 0.08);
  --shadow-hover: 0 20px 50px rgba(0, 0, 0, 0.12);
  --shadow-header: 0 12px 28px rgba(23, 28, 18, 0.08);
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-xl: 40px;
  --transition-fast: 0.2s ease;
  --transition-medium: 0.35s ease;
  --transition-slow: 0.5s ease;
  --glass-bg: rgba(255, 255, 255, 0.12);
  --glass-border: rgba(255, 255, 255, 0.25);
  --glass-blur: blur(12px);
  --font-base: "Poppins", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --header-height: 102px;
}