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

:root {
  --color-primary: #1A2B4A;
  --color-secondary: #1E3A6E;
  --color-accent: #2A5FC8;
  --color-surface: #F4EFE7;
  --color-white: #FFFDF8;
  --color-text: #171412;
  --color-muted: #615D57;
  --color-border: #D8CEC0;
  --color-paper: #FBF7EF;
  --color-ink: #171412;

  --font-heading: 'Manrope', system-ui, sans-serif;
  --font-body: 'Manrope', system-ui, sans-serif;
  --font-label: 'Barlow', sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.05rem;
  --text-xl: 1.16rem;
  --text-2xl: 1.32rem;
  --text-3xl: 1.72rem;
  --text-4xl: 2.15rem;
  --text-5xl: 2.75rem;
  --text-hero: clamp(2.45rem, 4.45vw, 4.35rem);
  --text-section-title: clamp(1.78rem, 2.85vw, 3rem);
  --text-band-title: clamp(1.9rem, 3.2vw, 3.2rem);
  --text-card-title: clamp(1.05rem, 1.12vw, 1.22rem);
  --text-card-body: clamp(0.91rem, 0.34vw, 0.98rem);
  --text-lead: clamp(1rem, 1vw, 1.1rem);

  --spacing-section: 5.75rem;
  --spacing-block: 3rem;
  --spacing-gap: 1.5rem;

  --radius-card: 24px;
  --radius-btn: 16px;
  --radius-trust-bar: 28px;

  --shadow-card: 0 24px 80px rgba(37, 30, 21, 0.12);
  --shadow-trust-bar: 0 24px 80px rgba(37, 30, 21, 0.16);
  --shadow-nav: 0 18px 70px rgba(26, 43, 74, 0.14);

  --transition-base: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);

  --max-width: 1200px;
  --hero-overlap: 60px;
}