/* AGLET foundation · one scale for both member and box workspaces */
:root {
  --color-canvas:#f5f6f8; --color-surface:#fff; --color-surface-soft:#eef1f4;
  --color-ink:#20262d; --color-secondary:#646d78; --color-secondary-sage:#5f6b57; --color-line:#e5e8ec;
  --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}}

/* Shared workspace palette and readable metadata scale. */
:root{
  --brand-deep:#21372b;
  --brand-deep-hover:#2c4738;
  --brand-deep-soft:#e8efe9;
  --surface-deep:var(--brand-deep);
  --page-max:1240px;
  --font-meta:12px;
  --font-caption:11px;
  --workspace-note-clearance:96px;
}

/* Shared page rhythm across workspaces. */
:root{--page-title-size:28px;--page-title-leading:1.35;--page-heading-gap:20px}
@media(max-width:700px){:root{--page-title-size:24px;--page-heading-gap:16px}}