:root{
/* ── Gold ramp — sampled from the Portobelo globe mark (#b57d12 → #ffea90) ── */
--gold-50:#fdf9ef;--gold-100:#fbf3dc;--gold-200:#f3e3b8;--gold-300:#e9ce87;--gold-400:#d9b65e;--gold-500:#c9a227;--gold-600:#b57d12;--gold-700:#8f620e;--gold-800:#6b4a0b;
--gold-highlight:#ffea90;
/* The mark is never flat gold — it is always this metallic sweep */
--gold-gradient:linear-gradient(135deg,#b57d12 0%,#d9b65e 28%,#ffea90 52%,#c9a227 78%,#b57d12 100%); /* @kind color */
--gold-gradient-soft:linear-gradient(120deg,#e9ce87 0%,#fbf3dc 55%,#d9b65e 100%); /* @kind color */
--gold-hairline:linear-gradient(90deg,rgba(181,125,18,0) 0%,#c9a227 22%,#ffea90 50%,#c9a227 78%,rgba(181,125,18,0) 100%); /* @kind color */

/* ── Sand — the warm paper the mark sits on (sampled #f2ebd9) ── */
--sand-50:#faf7ef;--sand-100:#f2ebd9;--sand-200:#e6dcc3;--sand-300:#d5c8a8;

/* ── Neutrals — the e-book's cool off-white sheet and its ink ── */
--white:#ffffff;--paper:#fafafa;--grey-100:#f5f5f5;--grey-200:#ededed;--grey-300:#dcdcdc;--grey-400:#bdbdbd;--grey-500:#8a8a8a;--grey-600:#6a6a6a;--grey-700:#4a4a4a;--grey-800:#2e2e2e;--ink:#1a1a1a;

/* ── Architectural accents — pulled from the 3D renders, used sparingly ── */
--graphite:#4b4741;   /* the dark banded facade */
--concrete:#cfc9bd;   /* rendered masonry / decking */
--agua:#7fb2ce;       /* pool water */
--folha:#5f7a4a;      /* landscaping */

/* ── Semantic aliases ── */
--brand-gold:var(--gold-500);
--brand-gold-deep:var(--gold-600);
--text-strong:var(--ink);
--text-body:var(--grey-700);
--text-muted:var(--grey-500);
--text-inverse:var(--white);
--text-gold:var(--gold-600);
--surface-page:var(--paper);
--surface-card:var(--white);
--surface-sand:var(--sand-100);
--surface-ink:var(--ink);
--surface-graphite:var(--graphite);
--border-hairline:var(--grey-300);
--border-subtle:var(--grey-200);
--border-gold:var(--gold-400);
--focus-ring:var(--gold-500);

/* ── Status — no status palette existed in the source material; these are a
      minimal, brand-tuned addition for forms. See readme "Intentional additions". */
--success:#4a7a52;--warning:#b5820f;--danger:#9b3b2f;--info:#436b86;
}