:root{
/* ---- Base palette: sampled from the WAGMI mascot artwork ---- */
--shiba-50:#fff4e6;--shiba-100:#fddebe;--shiba-200:#fbc78e;--shiba-300:#fbb05c;--shiba-400:#fa9c34;
--shiba-500:#fa9112;/* mascot fur — primary brand orange */
--shiba-600:#e07a08;--shiba-700:#b25f05;--shiba-800:#7d4204;

--candle-50:#e8fce9;--candle-100:#c6f7c9;--candle-200:#8bee92;--candle-300:#4ce058;
--candle-400:#22cf30;--candle-500:#17c927;/* green candle — "up only" green */
--candle-600:#0fa81e;--candle-700:#0b8117;--candle-800:#075c10;

--sky-50:#eaf6ff;--sky-100:#cae8fc;--sky-200:#9bd4fb;--sky-300:#53b4fc;--sky-400:#16a8fd;
--sky-500:#008ef9;/* meme-sky blue — backdrops, links, info */
--sky-600:#0072d1;--sky-700:#005ba8;--sky-800:#285384;

--rekt-100:#ffdcd7;--rekt-300:#f5837a;--rekt-500:#e0392b;/* red candle / down */--rekt-600:#bb271b;

--ink-900:#0a0a0a;/* cartoon outline black */--ink-800:#1a2230;--ink-700:#2a333c;--ink-600:#44536b;
--steel-500:#6a86a2;/* muted illustration blue-grey */--steel-300:#abc2d7;--steel-200:#d7e3ee;--steel-100:#eaf0f6;
--cream-100:#fffaf3;--cream-200:#f8ecdc;--paper:#ffffff;

/* ---- Semantic aliases ---- */
--brand:var(--shiba-500);--brand-hover:var(--shiba-400);--brand-press:var(--shiba-600);--brand-soft:var(--shiba-100);
--accent:var(--candle-500);--accent-hover:var(--candle-400);--accent-press:var(--candle-600);--accent-soft:var(--candle-100);
--info:var(--sky-500);--info-soft:var(--sky-100);
--up:var(--candle-500);--down:var(--rekt-500);
--success:var(--candle-600);--warning:var(--shiba-500);--danger:var(--rekt-500);

--text-body:var(--ink-800);--text-heading:var(--ink-900);--text-muted:var(--steel-500);--text-inverse:#ffffff;
--text-link:var(--sky-600);--text-link-hover:var(--sky-500);

--surface-page:var(--cream-100);--surface-card:var(--paper);--surface-sunken:var(--steel-100);
--surface-brand:var(--shiba-500);--surface-sky:var(--sky-500);--surface-ink:var(--ink-800);

--border-ink:var(--ink-900);/* the cartoon outline — the brand's signature stroke */
--border-soft:var(--steel-200);--border-strong:var(--steel-300);
--focus-ring:var(--sky-500);

/* Sky gradient used behind hero art (matches the artwork backdrop) */
--gradient-sky:linear-gradient(180deg,var(--sky-500) 0%,var(--sky-300) 55%,var(--sky-100) 100%);/* @kind color */
/* Protection gradient for text over full-bleed art */
--gradient-scrim:linear-gradient(180deg,rgba(10,10,10,0) 0%,rgba(10,10,10,.72) 100%);/* @kind color */
}