/* Ecoa · fundamentos digitais, criados a partir do manual oficial.
   Paleta: marca/paleta/cores.md. Fontes locais e arquivos sem alteração.
   Butler: Fabian De Smet · www.fabiandesmet.com
   Licenças completas em ../01-Marca/02-Fontes/. */
@font-face {
  font-family: 'Butler';
  src: url('fonts/butler-light.woff2') format('woff2');
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: 'Sora';
  src: url('fonts/sora.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
}
:root {
  --color-ivory: #F6F3EE;
  --color-sand: #E7DFD3;
  --color-taupe-light: #D6C7B6;
  --color-taupe: #B6AA9A;
  --color-sage: #7F8A73;
  --color-terracotta: #A45A40;
  --color-ochre: #B58A3C;
  --color-ink: #0A0A0A;
  --color-white: #FFFFFF;
  --color-background: var(--color-ivory);
  --color-surface: var(--color-white);
  --color-surface-muted: var(--color-sand);
  --color-text: var(--color-ink);
  --color-text-muted: rgba(10, 10, 10, .68);
  --color-border: rgba(10, 10, 10, .18);
  --color-accent: var(--color-terracotta);
  --color-focus: var(--color-ink);
  --font-display: 'Butler', Georgia, serif;
  --font-body: 'Sora', Arial, sans-serif;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --text-xs: .6875rem;
  --text-sm: .8125rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;
  --text-3xl: 3rem;
  --text-4xl: 4.5rem;
  --text-5xl: 6rem;
  --leading-tight: 1.06;
  --leading-body: 1.7;
  --tracking-label: .14em;
  --space-0: 0;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-7: 56px;
  --space-8: 64px;
  --space-9: 72px;
  --space-10: 80px;
  --space-11: 88px;
  --space-12: 96px;
  --space-16: 128px;
  --page-max: 1440px;
  --page-gutter: clamp(24px, 5vw, 80px);
  --border-width: 1px;
  --radius-none: 0;
  --radius-small: 2px;
  --radius-round: 999px;
  --duration-fast: 160ms;
  --duration-base: 280ms;
  --ease-out: cubic-bezier(.2, .65, .3, 1);
  --focus-ring: 2px solid var(--color-focus);
}
@media (prefers-reduced-motion: reduce) {
  :root { --duration-fast: 0ms; --duration-base: 0ms; }
}