@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');

:root {
  --color-primary:    #3bff05;
  --color-secondary:  #0b7cf4;
  --color-accent:     #e8a838;
  --color-bg:         #f7f8fa;
  --color-surface:    #FFFFFF;
  --color-text:       #1A1D2E;
  --color-text-muted: #64748b;
  --color-border:     #e2e8f0;
  --color-white:      #ffffff;

  --font-heading: 'Inter', sans-serif;
  --font-body:    'Inter', sans-serif;

  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  16px;
  --radius-xl:  24px;

  --shadow-sm:  0 1px 3px rgba(0,0,0,.08);
  --shadow-md:  0 4px 16px rgba(0,0,0,.10);
  --shadow-lg:  0 8px 32px rgba(0,0,0,.12);

  --container-max: 1200px;
  --container-pad: clamp(16px, 4vw, 40px);
}