:root{
/* ——— Regra das 3 cores: apenas estas três dominam qualquer composição ——— */
--brand-brown:#4E331D;   /* Primária — maior peso visual, identidade */
--brand-cream:#F5EED9;   /* Fundo — off-white quente, dominante */
--brand-petrol:#234D56;  /* Destaque — CTA, o que precisa ser visto primeiro */

/* Rampas derivadas. Use com parcimônia: sombreamento, hover, hairlines.
   Nunca introduzem uma quarta família de matiz. */
--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;

/* Tinta. Texto corrido nunca usa uma cor de marca. */
--ink-900:#12100D;  /* preto quase-puro, quente */
--ink-700:#3A342C;
--ink-500:#6A6155;
--ink-300:#9A9184;
--ink-inverse:#F5EED9;

/* ——— Aliases semânticos ——— */
--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);

--action-ghost-fg:var(--ink-900);
--action-ghost-border:var(--border-strong);
--action-ghost-bg-hover:rgba(78,51,29,.07);

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

/* Máscara padrão para card com imagem de fundo (escurece de baixo pra cima) */
--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%); /* @kind other */
--mask-photo-brown:linear-gradient(to top,rgba(43,27,14,.94) 0%,rgba(43,27,14,.72) 32%,rgba(43,27,14,.24) 68%,rgba(43,27,14,0) 100%); /* @kind other */
}