/* Generated from design/stride.tokens.json · schema 1 · sha256 fcc4fe22284bb9239cfe804eb196def32d8c869d83032eb242b5141a1ce4711f. DO NOT EDIT. */
/* STRIDE by Dissent client portal: the portal roles and the STRIDE tokens they use. The theme follows the device; [data-theme="light"] or [data-theme="dark"] overrides it. */
:root {
  --stride-space-3: 12px;
  --stride-radius-surface: 12px;
  --stride-radius-pill: 999px;
  --stride-size-hit-min: 44px;
  --stride-size-icon: 20px;
  --stride-size-avatar: 40px;
  --stride-type-body-size: 16px;
  --stride-type-body-line-height: 1.5;
  --stride-type-secondary-size: 14px;
  --stride-type-secondary-line-height: 1.4;
  --stride-motion-press-scale: 0.98;
  --stride-portal-tile-size: 36px;
  --stride-portal-tile-radius: 11px;
  --stride-portal-tile-label-size: 13px;
  --stride-portal-tile-size-medium: 30px;
  --stride-portal-tile-radius-medium: 9px;
  --stride-portal-tile-label-size-medium: 11px;
  --stride-portal-tile-size-small: 22px;
  --stride-portal-tile-radius-small: 7px;
  --stride-portal-tile-label-size-small: 9.5px;
  --stride-portal-tile-label-weight: 600;
  --stride-portal-tile-label-tracking: 0.02em;
  --stride-portal-track-height: 4px;
  --stride-portal-track-radius: var(--stride-radius-pill);
  --stride-portal-track-thumb-size: 14px;
  --stride-portal-hearth-shape: 90% 70vh at 50% 100%;
  --stride-portal-hearth-fade: 72%;
  --stride-portal-hearth-breathe-duration: 14000ms;
  --stride-portal-hearth-breathe-ease: cubic-bezier(0.37, 0, 0.63, 1);
  --stride-portal-hearth-breathe-opacity: 0.72;
  --stride-portal-hearth-breathe-translate-y: -2%;
  --stride-portal-line-width: 1px;
  --stride-portal-document-row-min-height: var(--stride-size-hit-min);
  --stride-portal-document-row-padding-block: var(--stride-space-3);
  --stride-portal-document-row-gap: var(--stride-space-3);
  --stride-portal-document-row-divider-width: var(--stride-portal-line-width);
  --stride-portal-document-row-title-size: var(--stride-type-body-size);
  --stride-portal-document-row-title-weight: 500;
  --stride-portal-document-row-title-line-height: var(--stride-type-body-line-height);
  --stride-portal-document-row-meta-size: var(--stride-type-secondary-size);
  --stride-portal-document-row-meta-line-height: var(--stride-type-secondary-line-height);
  --stride-portal-document-row-icon-well-size: var(--stride-size-avatar);
  --stride-portal-document-row-icon-well-radius: var(--stride-radius-surface);
  --stride-portal-document-row-icon-size: var(--stride-size-icon);
  --stride-portal-document-row-chevron-size: var(--stride-size-icon);
  --stride-portal-document-row-hover-radius: var(--stride-radius-surface);
  --stride-portal-document-row-press-scale: var(--stride-motion-press-scale);
}
:root, [data-theme="light"] {
  --stride-color-surface-inset: #EEE7DF;
  --stride-color-text: #1D1916;
  --stride-color-text-secondary: #584F48;
  --stride-color-text-muted: #6F665E;
  --stride-color-border: #EEE7DF;
  --stride-color-selection: #EEE7DF;
  --stride-portal-tile: #2A2420;
  --stride-portal-on-tile: #F6F0E6;
  --stride-portal-track: rgba(29, 25, 22, 0.1); /* color.light.text at 10% */
  --stride-portal-track-progress: var(--stride-color-text-secondary);
  --stride-portal-track-thumb: var(--stride-color-text);
  --stride-portal-hearth: rgba(255, 138, 76, 0.055); /* portal.strideHandWritten.hearthGlow.light at 5.5% */
  --stride-portal-line: var(--stride-color-border);
  --stride-portal-document-row-title: var(--stride-color-text);
  --stride-portal-document-row-meta: var(--stride-color-text-muted);
  --stride-portal-document-row-divider: var(--stride-portal-line);
  --stride-portal-document-row-icon: var(--stride-color-text);
  --stride-portal-document-row-icon-well: var(--stride-color-surface-inset);
  --stride-portal-document-row-hover: rgba(29, 25, 22, 0.06); /* color.light.text at 6% */
  --stride-portal-own: #EFEAE4; /* portal.strideHandWritten.own.light */
  --stride-portal-selected: var(--stride-color-selection);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --stride-color-surface-inset: #1D1D21;
    --stride-color-text: #F5F5F7;
    --stride-color-text-secondary: #B3B5BC;
    --stride-color-text-muted: #8E919A;
    --stride-color-border: #27282D;
    --stride-color-selection: #232428;
    --stride-portal-tile: #2B2C31;
    --stride-portal-on-tile: var(--stride-color-text);
    --stride-portal-track: rgba(245, 245, 247, 0.12); /* color.dark.text at 12% */
    --stride-portal-track-progress: var(--stride-color-text-secondary);
    --stride-portal-track-thumb: var(--stride-color-text);
    --stride-portal-hearth: rgba(255, 106, 43, 0.075); /* portal.strideHandWritten.hearthGlow.dark at 7.5% */
    --stride-portal-line: var(--stride-color-border);
    --stride-portal-document-row-title: var(--stride-color-text);
    --stride-portal-document-row-meta: var(--stride-color-text-muted);
    --stride-portal-document-row-divider: var(--stride-portal-line);
    --stride-portal-document-row-icon: var(--stride-color-text);
    --stride-portal-document-row-icon-well: var(--stride-color-surface-inset);
    --stride-portal-document-row-hover: rgba(245, 245, 247, 0.06); /* color.dark.text at 6% */
    --stride-portal-own: #2B2C31; /* portal.strideHandWritten.own.dark */
    --stride-portal-selected: var(--stride-color-selection);
  }
}
[data-theme="dark"] {
  --stride-color-surface-inset: #1D1D21;
  --stride-color-text: #F5F5F7;
  --stride-color-text-secondary: #B3B5BC;
  --stride-color-text-muted: #8E919A;
  --stride-color-border: #27282D;
  --stride-color-selection: #232428;
  --stride-portal-tile: #2B2C31;
  --stride-portal-on-tile: var(--stride-color-text);
  --stride-portal-track: rgba(245, 245, 247, 0.12); /* color.dark.text at 12% */
  --stride-portal-track-progress: var(--stride-color-text-secondary);
  --stride-portal-track-thumb: var(--stride-color-text);
  --stride-portal-hearth: rgba(255, 106, 43, 0.075); /* portal.strideHandWritten.hearthGlow.dark at 7.5% */
  --stride-portal-line: var(--stride-color-border);
  --stride-portal-document-row-title: var(--stride-color-text);
  --stride-portal-document-row-meta: var(--stride-color-text-muted);
  --stride-portal-document-row-divider: var(--stride-portal-line);
  --stride-portal-document-row-icon: var(--stride-color-text);
  --stride-portal-document-row-icon-well: var(--stride-color-surface-inset);
  --stride-portal-document-row-hover: rgba(245, 245, 247, 0.06); /* color.dark.text at 6% */
  --stride-portal-own: #2B2C31; /* portal.strideHandWritten.own.dark */
  --stride-portal-selected: var(--stride-color-selection);
}