@import url('https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-sans/style.css');
@import url('https://api.fontshare.com/v2/css?f[]=satoshi@500,700&f[]=general-sans@400,500,600&display=swap');
@import url('https://fonts.cdnfonts.com/css/canela');

:root {
  --color-primary: #55646B;
  --color-secondary: #617D70;
  --color-natural: #8FA38A;
  --color-accent: #B97B52;
  --color-accent-light: #D39A72;
  --color-limestone: #C7B697;
  --color-bg: #F1F5F3;
  --color-bg-contrast: #DFE5E2;
  --color-dark: #2D3938;
  --color-text: #2B3132;
  --color-overlay: rgba(45,57,56,0.30);
  --gradient-hero: linear-gradient(135deg, #2D3938 0%, #55646B 50%, #617D70 100%);
  --gradient-bg: linear-gradient(180deg, #F1F5F3 0%, #E5ECE8 100%);
  --gradient-nature: linear-gradient(135deg, #617D70 0%, #8FA38A 100%);
  --gradient-btn: linear-gradient(135deg, #B97B52 0%, #D39A72 100%);
  --font-hero: 'Canela', 'Instrument Serif', Georgia, serif;
  --font-section: 'Satoshi', 'Founders Grotesk', sans-serif;
  --font-body: 'General Sans', 'Neue Montreal', sans-serif;
  --font-ui: 'Geist', 'Inter', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --container-max: 1280px;
  --container-narrow: 960px;
  --section-pad: clamp(80px, 10vw, 140px);
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --shadow-soft: 0 4px 24px rgba(45,57,56,0.08);
  --shadow-card: 0 8px 40px rgba(45,57,56,0.10);
  --shadow-lift: 0 16px 48px rgba(45,57,56,0.14);
  --transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-fast: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://fonts.gstatic.com/s/ibmplexmono/v19/-F63fjptAgt5VM-kVkqdyZBF.ttf') format('truetype');
}