@import url('https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@800,700,500,400&display=swap');
@import url('https://api.fontshare.com/v2/css?f[]=neue-montreal@400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&display=swap');

:root {
  --c-primary: #35584C;
  --c-secondary: #8FA392;
  --c-accent: #B9985B;
  --c-accent2: #6F584B;
  --c-bg: #F3F6F1;
  --c-text: #262D2B;
  --c-white: #FFFFFF;
  --c-light: #E7ECE6;
  --c-border: rgba(53, 88, 76, 0.12);
  --c-border-light: rgba(53, 88, 76, 0.07);
  --c-overlay: rgba(53, 88, 76, 0.34);
  --c-overlay-deep: rgba(38, 45, 43, 0.72);

  --g-hero: linear-gradient(150deg, #35584C 0%, #8FA392 60%, #D9E1DA 100%);
  --g-btn: linear-gradient(135deg, #B9985B 0%, #D1B27C 100%);
  --g-bg: linear-gradient(180deg, #F3F6F1 0%, #E7ECE6 100%);
  --g-depth: linear-gradient(135deg, #35584C 0%, #61796D 100%);
  --g-dark: linear-gradient(135deg, #262D2B 0%, #35584C 100%);

  --f-heading: 'Cabinet Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --f-body: 'Neue Montreal', 'Inter', 'Helvetica Neue', sans-serif;
  --f-accent: 'Cormorant Garamond', Georgia, serif;
  --f-ui: 'Helvetica Neue', Helvetica, Arial, sans-serif;

  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 36px;
  --r-full: 9999px;

  --sh-xs: 0 1px 4px rgba(38, 45, 43, 0.04);
  --sh-sm: 0 2px 12px rgba(38, 45, 43, 0.06);
  --sh-md: 0 8px 32px rgba(38, 45, 43, 0.10);
  --sh-lg: 0 24px 64px rgba(38, 45, 43, 0.16);
  --sh-xl: 0 40px 80px rgba(38, 45, 43, 0.22);

  --dur: 0.38s;
  --dur-fast: 0.22s;
  --dur-slow: 0.65s;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);

  --container: 1280px;
  --container-sm: 960px;
  --container-xs: 720px;
  --gutter: clamp(16px, 4vw, 32px);
  --header-h: 80px;
  --section-py: clamp(64px, 8vw, 120px);
}