:root{
/* Paleta nomeada (Seção 03 do brandbook) */
--ut-papel:#F2EFE9; /* rgb(242,239,233) · base clara */
--ut-tinta:#14110F; /* rgb(20,17,15) · base escura */
--ut-argila:#A9866B; /* rgb(169,134,107) · acento quente */
--ut-areia:#C9BCAA; /* rgb(201,188,170) */
--ut-pedra:#7C7469; /* rgb(124,116,105) */
--ut-linha:#D7CFC2; /* rgb(215,207,194) */
/* Cores da UI escura (valores exatos do brandbook) */
--ut-bg:#15120E;            /* rgb(21,18,14) fundo principal */
--ut-surface:#37312A;       /* rgb(55,49,42) superfícies/placeholder de foto */
--ut-border:#322C24;        /* rgb(50,44,36) hairlines */
--ut-cream:#ECE5DA;         /* rgb(236,229,218) texto display / botão claro */
--ut-muted:#A89E90;         /* rgb(168,158,144) texto corrente e rótulos */
--ut-accent:#C49B78;        /* rgb(196,155,120) acento interativo (pequenas doses) */
/* Semânticos */
--surface-page:var(--ut-bg);
--surface-card:var(--ut-bg);
--surface-photo:var(--ut-surface);
--surface-inverse:var(--ut-papel);
--text-display:var(--ut-cream);
--text-body:var(--ut-muted);
--text-on-light:var(--ut-tinta);
--text-accent:var(--ut-accent);
--border-hairline:var(--ut-border);
--border-on-light:rgba(21,18,14,0.15);
}