/* Shared workspace design contract. Media geometry and chart values stay local. */
:root {
  --font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bg: #f6f7f9;
  --paper: #ffffff;
  --ink: #17241e;
  --muted: #647168;
  --line: #e6ebe7;
  --accent: #d8f69c;
  --soft: #eef5e8;
  --danger: #9d3938;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 8px;
  --space-4: 12px;
  --space-5: 16px;
  --space-6: 20px;
  --space-7: 24px;
  --space-8: 32px;
  --space-9: 40px;
  --space-10: 48px;
  --space-11: 64px;
  --space-12: 80px;
  --space-13: 96px;
  --text-micro: 10px;
  --text-caption: 12px;
  --text-body: 14px;
  --text-lead: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 28px;
  --text-4xl: 32px;
  --text-5xl: 36px;
  --text-display: 40px;
  --text-hero: 48px;
  --text-poster: 64px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-control: 12px;
  --radius-card: 16px;
  --radius-panel: 20px;
  --radius-drawer: 24px;
  --radius: var(--radius-panel);
  --sidebar-width: 240px;
  --content-max: 1440px;
  --control-height: 44px;
  --drawer-width: 540px;
  --shadow: 0 12px 35px #17241e08;
  --focus-ring: #527638;
}

@media(max-width:1100px){:root{--sidebar-width:208px;}}