:root{
/* ── Primitive · neutral ramp (Encoded / Primitive) ───────────────── */
--ec-neutral-0:#ffffff; /* @kind color */
--ec-neutral-50:#f7f7f7; /* @kind color */
--ec-neutral-100:#f0f0f0; /* @kind color */
--ec-neutral-150:#e7e7e7; /* @kind color */
--ec-neutral-200:#d6d6d6; /* @kind color */
--ec-neutral-300:#b8b8b8; /* @kind color */
--ec-neutral-400:#8d8d8d; /* @kind color */
--ec-neutral-500:#666666; /* @kind color */
--ec-neutral-600:#4a4a4a; /* @kind color */
--ec-neutral-700:#292828; /* @kind color */
--ec-neutral-800:#1a1a1a; /* @kind color */
--ec-neutral-900:#0d0d0d; /* @kind color */
--ec-neutral-1000:#000000; /* @kind color */

/* ── Primitive · International Orange (aerospace) ─────────────────── */
--ec-orange-50:#fff2eb; /* @kind color */
--ec-orange-100:#ffe0d1; /* @kind color */
--ec-orange-300:#ff9b6b; /* @kind color */
--ec-orange-500:#ff4f00; /* @kind color */
--ec-orange-600:#e64700; /* @kind color */
--ec-orange-700:#b83900; /* @kind color */
--ec-orange-900:#5c1d00; /* @kind color */
--ec-orange-500-12:rgba(255,79,0,.1216); /* @kind color */

/* ── Primitive · green (registry trust) ───────────────────────────── */
--ec-green-100:#ddf8e8; /* @kind color */
--ec-green-500:#22a65a; /* @kind color */
--ec-green-700:#13713b; /* @kind color */

/* ── Named brand swatches (from the brand board) ──────────────────── */
--ec-black:#000000; /* @kind color */
--ec-white:#ffffff; /* @kind color */
--ec-dawn:#fca73d; /* @kind color */
--ec-santa-monica:#c6cfcc; /* @kind color */
--ec-silver:#eeeeee; /* @kind color */
/* Legacy pigment International Orange. Superseded by --ec-orange-500. */
--ec-international-orange-legacy:#ba160c; /* @kind color */

/* ── Semantic · surface ───────────────────────────────────────────── */
--ec-bg-page:#ffffff; /* @kind color */
--ec-bg-inverse:#1a1a1a; /* @kind color */
--ec-surface:#ffffff; /* @kind color */
--ec-surface-subtle:#f7f7f7; /* @kind color */
--ec-surface-muted:#f0f0f0; /* @kind color */
--ec-surface-strong:#1a1a1a; /* @kind color */
--ec-surface-accent:#ff4f00; /* @kind color */
--ec-surface-accent-subtle:#fff2eb; /* @kind color */
--ec-surface-scrim:rgba(0,0,0,.45); /* @kind color */

/* ── Semantic · text ──────────────────────────────────────────────── */
--ec-text-primary:#1a1a1a; /* @kind color */
--ec-text-secondary:#666666; /* @kind color */
--ec-text-tertiary:#8d8d8d; /* @kind color */
--ec-text-inverse:#ffffff; /* @kind color */
--ec-text-inverse-muted:rgba(255,255,255,.8); /* @kind color */
--ec-text-accent:#ff4f00; /* @kind color */
--ec-text-on-accent:#ffffff; /* @kind color */

/* ── Semantic · line ──────────────────────────────────────────────── */
--ec-border-hairline:rgba(26,26,26,.03); /* @kind color */
--ec-border-subtle:rgba(26,26,26,.1); /* @kind color */
--ec-border-default:#e7e7e7; /* @kind color */
--ec-border-strong:#d6d6d6; /* @kind color */
--ec-border-inverse:rgba(255,255,255,.14); /* @kind color */
--ec-divider:rgba(26,26,26,.2); /* @kind color */

/* ── Semantic · action ────────────────────────────────────────────── */
--ec-action-primary:#ff4f00; /* @kind color */
--ec-action-primary-hover:#e64700; /* @kind color */
--ec-action-primary-press:#b83900; /* @kind color */
--ec-action-on-primary:#ffffff; /* @kind color */
--ec-action-secondary:#f0f0f0; /* @kind color */
--ec-action-secondary-hover:#e7e7e7; /* @kind color */
--ec-action-on-secondary:#1a1a1a; /* @kind color */
--ec-focus-ring:#ff4f00; /* @kind color */

/* ── Semantic · review states (Encode workspace) ──────────────────── */
--ec-status-pending-bg:#fff2eb; /* @kind color */
--ec-status-pending-fg:#ff4f00; /* @kind color */
--ec-status-confirmed-bg:#e7e7e7; /* @kind color */
--ec-status-confirmed-fg:#1a1a1a; /* @kind color */

/* ── Semantic · code surfaces ─────────────────────────────────────── */
--ec-code-bg:#1a1a1a; /* @kind color */
--ec-code-bg-light:#f7f7f7; /* @kind color */
--ec-code-fg:rgba(255,255,255,.88); /* @kind color */
--ec-code-fg-light:#1a1a1a; /* @kind color */
--ec-code-key:#ff9b6b; /* @kind color */
--ec-code-key-light:#b83900; /* @kind color */
--ec-code-string:#ffffff; /* @kind color */
--ec-code-string-light:#1a1a1a; /* @kind color */
--ec-code-value:#22a65a; /* @kind color */
--ec-code-value-light:#13713b; /* @kind color */
--ec-code-punct:rgba(255,255,255,.4); /* @kind color */
--ec-code-punct-light:#8d8d8d; /* @kind color */
--ec-code-comment:rgba(255,255,255,.35); /* @kind color */
--ec-code-comment-light:#8d8d8d; /* @kind color */
--ec-code-heading:#ff4f00; /* @kind color */
--ec-code-gutter:rgba(255,255,255,.22); /* @kind color */
--ec-code-gutter-light:#b8b8b8; /* @kind color */

/* ── Semantic · registry trust ladder ─────────────────────────────── */
/* Available — a free handle, not yet published. Not a trust_level. */
--ec-trust-available-bg:#f7f7f7; /* @kind color */
--ec-trust-available-fg:#8d8d8d; /* @kind color */
/* Claimed — published and integrity-signed; domain control unproven. */
--ec-trust-claimed-bg:#e7e7e7; /* @kind color */
--ec-trust-claimed-fg:#1a1a1a; /* @kind color */
/* Verified — DNS TXT proves domain control; official brand source. */
--ec-trust-verified-bg:#ddf8e8; /* @kind color */
--ec-trust-verified-fg:#13713b; /* @kind color */
--ec-trust-verified-dot:#22a65a; /* @kind color */
/* Certified — paid entitlement, orthogonal to the trust ladder. */
--ec-trust-certified-bg:#1a1a1a; /* @kind color */
--ec-trust-certified-fg:#ffffff; /* @kind color */
}

:root[data-theme="dark"],.ec-dark{
--ec-bg-page:#111111; /* @kind color */
--ec-bg-inverse:#ffffff; /* @kind color */
--ec-surface:#1a1a1a; /* @kind color */
--ec-surface-subtle:#292828; /* @kind color */
--ec-surface-muted:#0d0d0d; /* @kind color */
--ec-surface-strong:#ffffff; /* @kind color */
--ec-text-primary:#ffffff; /* @kind color */
--ec-text-secondary:rgba(255,255,255,.6); /* @kind color */
--ec-text-tertiary:rgba(255,255,255,.4); /* @kind color */
--ec-text-inverse:#1a1a1a; /* @kind color */
--ec-text-inverse-muted:rgba(26,26,26,.8); /* @kind color */
--ec-border-hairline:rgba(255,255,255,.06); /* @kind color */
--ec-border-subtle:rgba(255,255,255,.14); /* @kind color */
--ec-border-default:rgba(255,255,255,.14); /* @kind color */
--ec-border-strong:rgba(255,255,255,.28); /* @kind color */
--ec-divider:rgba(255,255,255,.2); /* @kind color */
--ec-action-primary-hover:#ff9b6b; /* @kind color */
--ec-action-secondary:rgba(255,255,255,.1); /* @kind color */
--ec-action-secondary-hover:rgba(255,255,255,.18); /* @kind color */
--ec-action-on-secondary:#ffffff; /* @kind color */
--ec-status-confirmed-bg:rgba(255,255,255,.1); /* @kind color */
--ec-status-confirmed-fg:#ffffff; /* @kind color */
}