/* ============================================================
   Design tokens — extraídos do Design System original
   (Protocolo de Posicionamento — Lucas Hermida).
   Não editar valores aqui por capricho: qualquer mudança de cor,
   tipografia ou espaçamento nesta marca deve respeitar a "regra
   das 3 cores" e a escala documentada no design system.
   ============================================================ */

/* ——— Fontes ——— */
@font-face{font-family:"Fraunces";src:url("../assets/fonts/Fraunces-Variable.ttf") format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("../assets/fonts/Fraunces-Italic-Variable.ttf") format("truetype-variations");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:"Inter";src:url("../assets/fonts/Inter-Variable.ttf") format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("../assets/fonts/Inter-Italic-Variable.ttf") format("truetype-variations");font-weight:100 900;font-style:italic;font-display:swap}

:root{
/* ——— Regra das 3 cores: apenas estas três dominam qualquer composição ——— */
--brand-brown:#4E331D;
--brand-cream:#F5EED9;
--brand-petrol:#234D56;

--brown-900:#2B1B0E;
--brown-800:#3A2514;
--brown-700:#4E331D;
--brown-600:#63432A;
--brown-500:#7C5A3C;
--brown-400:#9A7A5B;
--brown-300:#BCA285;
--brown-200:#DCC9B0;
--brown-100:#EBDFCC;

--cream-500:#DED2B4;
--cream-400:#E7DCC3;
--cream-300:#EFE6CF;
--cream-200:#F5EED9;
--cream-100:#FAF6EA;
--cream-050:#FDFBF3;

--petrol-900:#0E2C33;
--petrol-800:#173C44;
--petrol-700:#234D56;
--petrol-600:#31646F;
--petrol-500:#437F8B;
--petrol-400:#6BA0AA;
--petrol-300:#9CC2C9;
--petrol-200:#CBDFE3;
--petrol-100:#E4EEF0;

--ink-900:#12100D;
--ink-700:#3A342C;
--ink-500:#6A6155;
--ink-300:#9A9184;
--ink-inverse:#F5EED9;

--surface-page:var(--cream-200);
--surface-card:var(--cream-100);
--surface-raised:var(--cream-050);
--surface-sunken:var(--cream-400);
--surface-inverse:var(--brown-700);
--surface-accent:var(--petrol-700);
--surface-accent-soft:var(--petrol-100);

--text-body:var(--ink-900);
--text-muted:var(--ink-500);
--text-subtle:var(--ink-300);
--text-inverse:var(--ink-inverse);
--text-on-accent:var(--cream-100);

--border-hairline:rgba(78,51,29,.16);
--border-strong:rgba(78,51,29,.34);
--border-accent:var(--petrol-700);
--border-inverse:rgba(245,238,217,.24);

--action-primary-bg:var(--petrol-700);
--action-primary-bg-hover:var(--petrol-800);
--action-primary-bg-active:var(--petrol-900);
--action-primary-fg:var(--cream-100);

--action-secondary-bg:var(--brown-700);
--action-secondary-bg-hover:var(--brown-800);
--action-secondary-bg-active:var(--brown-900);
--action-secondary-fg:var(--cream-200);

--focus-ring:var(--petrol-700);
--overlay-scrim:rgba(18,16,13,.62);

--mask-photo:linear-gradient(to top,rgba(18,16,13,.92) 0%,rgba(18,16,13,.74) 28%,rgba(18,16,13,.32) 62%,rgba(18,16,13,.06) 100%);

/* ——— Tipografia ——— */
--font-display:"Fraunces","Iowan Old Style",Georgia,serif;
--font-body:"Inter","Helvetica Neue",system-ui,sans-serif;

--fraunces-display:"SOFT" 0,"WONK" 0,"opsz" 144;
--fraunces-heading:"SOFT" 0,"WONK" 0,"opsz" 72;
--fraunces-text:"SOFT" 0,"WONK" 0,"opsz" 14;

--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;
--weight-black:900;

--leading-tight:1.04;
--leading-snug:1.16;
--leading-normal:1.5;
--leading-relaxed:1.62;

--tracking-display:-.028em;
--tracking-heading:-.018em;
--tracking-eyebrow:.16em;

--measure-base:62ch;

/* ——— Espaçamento (grade 4px) ——— */
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:20px;
--space-6:24px;
--space-8:32px;
--space-10:40px;
--space-12:48px;
--space-16:64px;
--space-20:80px;
--space-24:96px;
--space-32:128px;

--container-lg:1120px;

/* ——— Sombras e movimento ——— */
--shadow-hairline:0 0 0 1px rgba(78,51,29,.16);
--shadow-md:0 6px 18px -8px rgba(43,27,14,.22);

--ease-out:cubic-bezier(.16,1,.3,1);
--duration-instant:80ms;
--duration-fast:140ms;
}