:root{
/* ---- Base palette (lifted from the Maya plugin stylesheet v2) ---- */
--abt-bg-deep:#1b1c20;
--abt-bg:#26272c;
--abt-bg-raised:#2e2f36;
--abt-bg-sunken:#1a1b1f;
--abt-line:#3a3b42;
--abt-line-strong:#4a4c55;
--abt-text:#c9cdd3;
--abt-text-dim:#8b8f98;
--abt-text-mute:#5f636c;
--abt-text-invert:#000000;
/* ---- Brand plate (the icon + thumbnail generator's own palette) ----
   These are the colours the shelf marks and YouTube plates are rendered in,
   so any marketing surface should sit on them rather than the plugin greys. */
--abt-ink:#121618;
--abt-panel:#22292d;
--abt-bone:#e8eef0;
--abt-label:#809298;
--abt-mesh:#0a1014;
--abt-plate:#07334c;
/* ---- Accent (single-accent system) ---- */
--abt-cyan:#4ed2e2;
--abt-cyan-hot:#7ce6f2;
--abt-cyan-dim:#225c68;
--abt-cyan-glow:#1c6070;
--abt-cyan-deep:#00a4ab;
/* ---- Signals only — never decorative ---- */
--abt-red:#e5484d;
--abt-red-deep:#a02226;
--abt-red-hot:#ff5a5f;
--abt-green:#4ade80;
/* ---- Semantic aliases ---- */
--surface-page:var(--abt-bg);
--surface-card:var(--abt-bg-raised);
--surface-well:var(--abt-bg-sunken);
--surface-grid:var(--abt-bg-deep);
--surface-brand:var(--abt-ink);
--surface-brand-raised:var(--abt-panel);
--text-brand:var(--abt-bone);
--text-label:var(--abt-label);
--border-hairline:var(--abt-line);
--border-frame:var(--abt-cyan);
--border-focus:var(--abt-cyan);
--text-body:var(--abt-text);
--text-dim:var(--abt-text-dim);
--text-mute:var(--abt-text-mute);
--text-title:var(--abt-cyan);
--text-on-action:var(--abt-text-invert);
--action-primary:var(--abt-cyan);
--action-primary-hover:var(--abt-cyan-hot);
--action-primary-press:var(--abt-cyan-deep);
--signal-danger:var(--abt-red);
--signal-success:var(--abt-green);
--signal-warning:var(--abt-cyan);
}