/* CONNECT_APPS_TOKENS_V1 (2026-10-16) - the scale of the seven app pages.

   Loaded after the Connect theme (/static/src/site/connect-theme.css) and only by
   /apps and /apps/<product>. Since 2026-10-17 the colours this file introduced
   are the Connect theme itself - the whole origin reads them from
   connect-theme.css - so it re-points no colour token any more: only the type
   scale and radius of these pages, and the app's own --pa-* names.

   Charcoal and neutral surfaces; copper (the Connect brand) only as the accent - the
   current page, the focus ring, emphasis - never as decoration; no blue. Status colours
   carry meaning and always appear with their words. Every text pair is >= 4.5:1
   (WCAG 2.2 AA) on the surface it is used on; tools/test_product_apps_v1.py measures it.
   app.css takes colour only from the theme tokens and these names. */

:root {
  --cx-font: "Inter", "Segoe UI Variable Text", "Segoe UI Variable", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, ui-sans-serif, system-ui, sans-serif;
  --cx-text-page: 26px;
  --cx-text-section: 16px;
  --cx-text-body: 14px;
  --cx-text-small: 13px;
  --cx-text-meta: 12.5px;
  --cx-radius-sm: 7px;
  --cx-radius: 10px;
  --cx-radius-lg: 14px;

  /* The app's own scale (app.css reads these). */
  --pa-accent: var(--cx-accent);
  --pa-accent-soft: var(--cx-accent-soft);
  --pa-accent-text: var(--cx-link);
  --pa-mark: var(--cx-action);
  --pa-mark-ink: #F3D9C2;
  --pa-chart-1: var(--cx-action);
  --pa-chart-2: #8A8D92;
  --pa-chart-3: var(--cx-accent);
}

:root[data-theme="dark"] {
  --pa-mark-ink: #8A5220;
  --pa-chart-2: #6E7177;
}