/* ===== OriginTrust tokens v3.1.0 (Brand Guidelines v1.1 §21) ===== */
:root{
  --ot-navy:#0E1F3D; --ot-navy-mid:#163257; --ot-navy-light:#1E4475;
  --ot-teal:#0F7568; --ot-teal-hover:#0B5F54;
  --ot-green:#1A6B3A; --ot-green-secondary:#2D9B5A;
  --ot-surface-app:#F4F5F7; --ot-surface-card:#FFFFFF; --ot-surface-elevated:#ECEEF2; --ot-surface-tertiary:#E2E5EA;
  --ot-text-primary:#0D1117; --ot-text-secondary:#3D4552; --ot-text-muted:#5F6673; --ot-text-disabled:#9CA3AF;
  --ot-border:#D4D8DF; --ot-border-subtle:#E8EAEE; --ot-border-strong:#6B7280;
  --ot-success-text:#1A6B3A; --ot-success-bg:#ECFDF5; --ot-success-border:#BBF7D0;
  --ot-pending-text:#0F7568; --ot-pending-bg:#F0FDFA; --ot-pending-border:#99F6E4;
  --ot-neutral-text:#5F6673; --ot-neutral-bg:#ECEEF2; --ot-neutral-border:#D4D8DF;
  --ot-error-text:#B91C1C;
  --ot-font-sans:'IBM Plex Sans','Gill Sans',system-ui,sans-serif;
  --ot-font-serif:'IBM Plex Serif',Georgia,serif;
  --ot-font-mono:'IBM Plex Mono','Courier New',monospace;
  --ot-radius-sm:4px; --ot-radius-md:6px; --ot-radius-lg:8px; --ot-radius-xl:12px; --ot-radius-full:9999px;
  --ot-shadow-card:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.05);
  --ot-shadow-panel:0 4px 8px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04);
  --ot-shadow-modal:0 8px 24px rgba(0,0,0,.10),0 2px 6px rgba(0,0,0,.06);
  --ot-focus-ring:0 0 0 2px #FFFFFF,0 0 0 4px #0F7568;
  --ot-focus-ring-input:0 0 0 2px rgba(15,117,104,.25);
  --ot-motion-fast:120ms; --ot-motion-base:160ms; --ot-motion-data:500ms;
  --ot-ease:cubic-bezier(.25,.46,.45,.94);
  --max:1200px; --gutter:24px;
}
@media (prefers-reduced-motion:reduce){
  :root{--ot-motion-fast:0ms;--ot-motion-base:0ms;--ot-motion-data:0ms}
  *{animation:none!important;transition:none!important}
}