/* Ethos ecosystem tokens · mirrors @ethos/ui 0.1.10 styles.css (Portal packages/ui)
   Semantic layer only. Brand blue is an action colour, never body text.
   Scope: apply .eco (light) or .eco.eco-dark on the app root. */
.eco{
  --eco-bg:#ffffff;
  --eco-fg:#000000;
  --eco-fg-muted:rgba(0,0,0,.55);
  --eco-fg-subtle:rgba(0,0,0,.4);
  --eco-surface:rgba(0,0,0,.04);
  --eco-surface-raised:#ffffff;
  --eco-border:rgba(0,0,0,.14);
  --eco-border-strong:rgba(0,0,0,.18);
  --eco-brand:#386FFF;
  --eco-brand-hover:#1e5bff;
  --eco-brand-fg:#ffffff;
  --eco-brand-soft:rgba(56,111,255,.08);
  --eco-brand-soft-strong:rgba(56,111,255,.12);
  --eco-brand-text:#386FFF;
  --eco-inverse:#000000;
  --eco-inverse-fg:#ffffff;
  --eco-success:#059669;
  --eco-success-soft:rgba(16,185,129,.12);
  --eco-success-border:rgba(16,185,129,.6);
  --eco-warning:#b45309;
  --eco-warning-soft:rgba(217,119,6,.1);
  --eco-warning-border:rgba(217,119,6,.6);
  --eco-warning-dot:#d97706;
  --eco-danger:#dc2626;
  --eco-danger-soft:rgba(220,38,38,.1);
  --eco-danger-border:rgba(220,38,38,.6);
  --eco-scrim:rgba(0,0,0,.72);
  --eco-ring:#386FFF;
  --eco-canvas:#eef0f4;
  --eco-radius:0px;
  --eco-radius-round:999px;
  --eco-font:"Mont",ui-sans-serif,system-ui,-apple-system,sans-serif;
  --eco-font-logo:"Mont",sans-serif;
  --eco-ease:cubic-bezier(.22,1,.36,1);
  --eco-dur-menu:160ms;
  --eco-dur-indicator:220ms;
  --eco-dur-drawer:320ms;
  --eco-dur-scrim:200ms;
  --eco-dur-rail:340ms;
  --eco-dur-mark:520ms;
  --eco-bar-h:56px;
  --eco-bar-h-editor:48px;
  --eco-dock-h:68px;
  --eco-rail-w:208px;
  --eco-rail-w-proposals:240px;
  --eco-rail-w-compact:76px;
  --eco-rail-inset:16px;
  --eco-content-max:1152px;
  color-scheme:light;
}
.eco.eco-dark{
  --eco-bg:#000000;
  --eco-fg:#ffffff;
  --eco-fg-muted:rgba(255,255,255,.6);
  --eco-fg-subtle:rgba(255,255,255,.42);
  --eco-surface:rgba(255,255,255,.06);
  --eco-surface-raised:#0a0a0a;
  --eco-border:rgba(255,255,255,.14);
  --eco-border-strong:rgba(255,255,255,.2);
  --eco-brand-soft:rgba(56,111,255,.14);
  --eco-brand-soft-strong:rgba(56,111,255,.2);
  --eco-brand-text:#7a9dff;
  --eco-inverse:#ffffff;
  --eco-inverse-fg:#000000;
  --eco-success:#34d399;
  --eco-warning:#fbbf24;
  --eco-danger:#f87171;
  --eco-scrim:rgba(0,0,0,.72);
  --eco-canvas:#0b0d12;
  color-scheme:dark;
}
.eco,.eco *{box-sizing:border-box}
.eco :focus-visible{outline:2px solid var(--eco-ring);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.eco *,.eco *::before,.eco *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
@keyframes eco-drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes eco-sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes eco-scrim-in{from{opacity:0}to{opacity:1}}
@keyframes eco-menu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@keyframes eco-pulse{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes eco-skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}