/* PureDesktop's shared views (@purescience/platform-ui: the chat, the agent's settings) read the platform's tokens:
   here they are PureCloud's own colours, type and spacing. On the page root, so their cards and menus have them too.
   Used by the chat column (chat.html) and the Plane (plane.html). */
:root {
  --platform-colors-text: var(--ink); --platform-colors-text-secondary: var(--quiet); --platform-colors-text-muted: var(--faint);
  --platform-colors-surface: var(--sheet); --platform-colors-elevated: var(--glass-popover, var(--sheet));
  --platform-colors-border: var(--glass-line, var(--rule)); --platform-colors-border-strong: var(--rule-strong);
  --platform-colors-accent: var(--mark-pure, var(--accent)); --platform-colors-accent-muted: color-mix(in srgb, var(--mark-pure, var(--accent)) 10%, var(--sheet));
  --platform-colors-danger: var(--bad); --platform-colors-success: var(--ok); --platform-colors-warning: var(--warn);
  --platform-colors-focus: var(--accent); --app-acc: var(--mark-pure, var(--accent));
  --platform-typography-font-family: var(--font); --platform-typography-font-family-content: var(--font); --platform-typography-font-family-mono: var(--mono);
  --platform-radius-sm: 8px; --platform-radius-md: 10px;
  --platform-spacing-xs: 4px; --platform-spacing-sm: 8px; --platform-spacing-md: 12px; --platform-spacing-lg: 16px; --platform-spacing-xl: 24px; --platform-spacing-xxl: 32px;
  --platform-typography-font-size-sm: 12px; --platform-typography-font-size-base: 13px;
  --platform-colors-text-disabled: var(--faint); --platform-colors-divider: var(--rule);
  --platform-colors-surface-hover: var(--hover); --platform-colors-surface-raised: var(--glass-popover, var(--sheet));
  --platform-z-index-zi-app-menus: 100;
  --platform-colors-text-inverse: #fff;
}