/* AGLET foundation · one scale for both member and box workspaces */
:root {
  --color-canvas:#f7f8f4; --color-surface:#fff; --color-surface-soft:#f0f3e9;
  --color-ink:#202a22; --color-secondary:#66725f; --color-line:#e4e9dc;
  --color-accent:#d6f247; --color-accent-hover:#c8e535; --color-danger:#a54332;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px;
  --radius-control:12px; --radius-card:20px; --radius-sheet:28px;
  --control-height:44px; --touch-target:44px;
  --mobile-input-font-size:16px;
  --shadow-soft:0 8px 28px #1c302508; --shadow-overlay:0 24px 80px #1c30252b;
  --motion-fast:140ms; --motion-base:220ms; --motion-sheet:280ms;
  --ease-out:cubic-bezier(.2,.8,.2,1); --ease-in-out:cubic-bezier(.4,0,.2,1);
  --bg:var(--color-canvas);--paper:var(--color-surface);--ink:var(--color-ink);
  --muted:var(--color-secondary);--line:var(--color-line);--lime:var(--color-accent);
}
@media(prefers-reduced-motion:reduce){:root{--motion-fast:0ms;--motion-base:0ms;--motion-sheet:0ms}}