:root{
/* Brand palette (from brand board) */
--ba-black:#001412;
--ba-zydeco:#063f33;
--ba-emerald:#06b781;
--ba-grape:#abef9a;
--ba-white:#f7f7f7;
/* Warm accent — pastel sand (supporting) */
--ba-sand:#f3e7dc;
--ba-sand-2:#ecd9c6;
--ba-sand-50:#faf4ee;
/* Green ramp (derived between palette stops) */
--ba-green-950:#001412;
--ba-green-900:#042a23;
--ba-green-800:#063f33;
--ba-green-700:#0a5444;
--ba-green-600:#058f66;
--ba-green-500:#06b781;
--ba-green-300:#7fe0a8;
--ba-green-200:#abef9a;
--ba-green-100:#dcf7d3;
--ba-green-50:#eefaea;
/* Neutrals (green-tinted) */
--ba-paper:#f7f7f7;
--ba-paper-2:#efefec;
--ba-pure:#ffffff;
--ba-ink:#001412;
--ba-ink-2:#33463f;
--ba-ink-3:#5f6f6a;
--ba-ink-4:#8e9a96;
--ba-line:#dde2df;
--ba-line-strong:#c4ccc8;
/* Status */
--ba-error:#b23a2a;
--ba-error-bg:#fbeae6;
--ba-warning:#9a6a00;
--ba-warning-bg:#fbf1d9;

/* Semantic — surfaces */
--surface-page:var(--ba-paper);
--surface-card:var(--ba-pure);
--surface-sunken:var(--ba-paper-2);
--surface-inverse:var(--ba-zydeco);
--surface-deep:var(--ba-black);
--surface-accent:var(--ba-grape);
--surface-tint:var(--ba-green-50);
--surface-warm:var(--ba-sand);
--surface-warm-2:var(--ba-sand-2);
/* Semantic — text */
--text-strong:var(--ba-ink);
--text-body:var(--ba-ink-2);
--text-muted:var(--ba-ink-3);
--text-subtle:var(--ba-ink-4);
--text-accent:var(--ba-emerald);
--text-heading:var(--ba-zydeco);
--text-on-inverse:var(--ba-white);
--text-on-inverse-muted:#a9c2b9;
--text-accent-on-inverse:var(--ba-grape);
/* Semantic — borders & actions */
--border-default:var(--ba-line);
--border-strong:var(--ba-line-strong);
--border-on-inverse:rgba(247,247,247,.16);
--border-focus:var(--ba-emerald);
--action-primary:var(--ba-zydeco);
--action-primary-hover:var(--ba-green-700);
--action-primary-press:var(--ba-green-900);
--action-accent:var(--ba-emerald);
--action-accent-hover:var(--ba-green-600);
--focus-ring:0 0 0 3px rgba(6,183,129,.35);
}