/* Scofield Ateliê — base visual 1.0. Carregar as fontes locais antes de usar. */
:root {
  --color-marfim: #FAF7F1;
  --color-bordo: #6B291C;
  --color-cobre: #B57543;
  --color-tinta: #382820;
  --color-texto-suave: #775A4B;
  --color-linha: #DCCDC1;
  --color-cobre-claro: #E3B88C;
  --background: var(--color-marfim);
  --text: var(--color-tinta);
  --text-muted: var(--color-texto-suave);
  --brand: var(--color-bordo);
  --accent: var(--color-cobre);
  --action: var(--color-bordo);
  --action-hover: var(--color-tinta);
  --on-action: var(--color-marfim);
  --border: var(--color-texto-suave);
  --divider: var(--color-linha);
  --font-heading: "Cormorant Garamond", Georgia, serif;
  --font-body: "Lato", Arial, sans-serif;
  --text-display: 64px;
  --leading-display: 68px;
  --text-h1: 48px;
  --leading-h1: 54px;
  --text-h2: 40px;
  --leading-h2: 46px;
  --text-h3: 28px;
  --leading-h3: 34px;
  --text-body: 18px;
  --leading-body: 28px;
  --text-caption: 14px;
  --leading-caption: 21px;
  --text-action: 16px;
  --leading-action: 24px;
  --space-4: 4px;
  --space-8: 8px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --radius-none: 0;
  --radius-small: 4px;
  --control-height: 48px;
  --touch-target: 44px;
  --focus-width: 2px;
  --focus-offset: 4px;
  --content-max: 1200px;
  --page-gutter: 24px;
}
@media (max-width: 767px) {
  :root { --text-h1: 36px; --leading-h1: 42px; --text-h2: 30px; --leading-h2: 36px; --page-gutter: 20px; }
}