/* EdgeAI design tokens — mirrors tokens.dart 1:1. */
:root {
  /* backgrounds */
  --ea-canvas:#0A0B0D; --ea-phone-bg:#070708; --ea-card-bg:#0C0D10;
  --ea-tile-bg:#101216; --ea-inset-bg:#14161B; --ea-panel-bg:#0E1013; --ea-nav-bg:#0B0C0F;
  /* borders */
  --ea-card-border:#1A1C21; --ea-tile-border:#1F2127; --ea-inset-border:#22252C;
  --ea-modal-border:#262A33; --ea-row-rule:#14161A; --ea-header-rule:#17191E;
  /* text */
  --ea-paper:#F6F2E9; --ea-text-body:#9A9AA2; --ea-text-secondary:#8A8A92;
  --ea-text-muted:#6E6E76; --ea-text-faint:#56565E; --ea-text-dim:#3A3D45;
  /* mint */
  --ea-mint:#34E29B; --ea-mint-hover:#2BC985; --ea-mint-bg:#0C1712;
  --ea-mint-border:#1E4031; --ea-mint-border-strong:#2A6B4F; --ea-mint-text-dim:#56A583;
  /* clay */
  --ea-clay:#E0795C; --ea-clay-soft:#E0946F; --ea-clay-deep:#D9714F;
  --ea-clay-bg:#190F0B; --ea-clay-border:#4A2A1D;
  /* amber */
  --ea-amber:#E0A857; --ea-amber-bg:#16130A; --ea-amber-border:#3A3214;
  /* red */
  --ea-red:#E86A75; --ea-live-red:#E23B2E; --ea-red-bg:#170D0F; --ea-red-border:#3D1A20;
  /* signals */
  --ea-bp-yellow:#E8FF32;
  --ea-blue:#8FB6DC; --ea-blue-bg:#10151D; --ea-blue-border:#1F2733;
  --ea-violet:#9D8BE8; --ea-violet-bg:#12101D; --ea-violet-border:#2A2440;
  --ea-gold:#C6A15B; --ea-gold-bg:#14110A; --ea-gold-border:#3A3214;
  /* avatars */
  --ea-avatar-bg:#1C1F27; --ea-avatar-bg-dim:#202329; --ea-avatar-text:#9A9BA5;
  --ea-paper-14:rgba(246,242,233,.14);
  /* type */
  --ea-font-display:'Archivo',system-ui,sans-serif;
  --ea-font-mono:'IBM Plex Mono',monospace;
  /* spacing / shape */
  --ea-gutter:16px; --ea-card-pad:14px; --ea-row-pad-v:11px;
  --ea-r-card:14px; --ea-r-tile:11px; --ea-r-small:6px; --ea-r-pill:999px;
  --ea-tile:38px; --ea-fab:64px;
  /* motion */
  --ea-dur-fast:120ms; --ea-dur:200ms; --ea-dur-entrance:500ms;
  --ea-dur-pulse:1.4s; --ea-dur-ping:1.6s; --ea-dur-fab:1.8s;
  --ea-ease:cubic-bezier(.2,.7,.2,1);
}
/* Shared keyframes */
@keyframes ea-blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes ea-ping{0%{transform:scale(1);opacity:.55}70%{transform:scale(2.4);opacity:0}100%{opacity:0}}
@keyframes ea-slide-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}