/* Official palette: https://portobello.ru/ (CSS custom properties, 2026-11-11). */
:root { --brand-primary:#8cbd57; --brand-ink:#18191f; --brand-text:#454545; --brand-light:#f0fae5; color-scheme:light; }
.brand { display:flex; align-items:center; }
.brand img { display:block; width:191px; height:auto; max-width:100%; }
button.primary,.primary { background:var(--brand-primary); color:var(--brand-ink); border-color:var(--brand-primary); }
button.primary:hover:not(:disabled),.primary:hover:not(:disabled) { background:#a3ca79; color:var(--brand-ink); }
.eyebrow,.secondary { color:var(--brand-text); }
a { color:var(--brand-text); }
a:hover,.link:hover { color:var(--brand-ink); }
.camera-mark { background:var(--brand-light); color:var(--brand-text); }
.success { background:var(--brand-light); border-color:#c4dea8; color:#354826; }
@media(max-width:480px) { .brand img { width:168px; } }