/* ============================================================
   O Alfaiate do Algoritmo — Design Tokens
   Extraídos de oaa.pt/assets/css/style.css
   Usar sempre variáveis, nunca valores hardcoded.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Montserrat:wght@300;400;500&display=swap');

:root {
  /* --- Paleta ------------------------------------------------ */
  --color-bg:           #F9F8F5;
  --color-bg-warm:      #F4F2EE;
  --color-surface:      #FFFFFF;
  --color-text:         #2C302E;
  --color-text-muted:   #7A7D7B;
  --color-border:       #E3E1DB;
  --color-border-light: #EDEBE6;

  /* Acentos */
  --color-moss:         #4A5C4E;
  --color-moss-dark:    #354039;
  --color-bronze:       #8B7355;
  --color-bronze-light: #A8906E;

  /* --- Tipografia ------------------------------------------- */
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans:  'Montserrat', system-ui, sans-serif;

  /* Escala tipográfica */
  --text-xs:   0.6875rem;  /* 11px */
  --text-sm:   0.8125rem;  /* 13px */
  --text-base: 0.9375rem;  /* 15px */
  --text-md:   1.0625rem;  /* 17px */
  --text-lg:   1.25rem;    /* 20px */
  --text-xl:   1.625rem;   /* 26px */
  --text-2xl:  2.25rem;    /* 36px */
  --text-3xl:  3rem;       /* 48px */
  --text-4xl:  4rem;       /* 64px */
  --text-5xl:  5.5rem;     /* 88px */

  /* --- Espaçamento ------------------------------------------ */
  --space-section: 8rem;
  --space-gap:     2.5rem;

  /* --- Motion ----------------------------------------------- */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:   cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 220ms;
  --duration-base: 400ms;
  --duration-slow: 700ms;
}

@media (max-width: 767.98px) {
  :root {
    --space-section: 4rem;
  }
}