/* GENERATED FILE — do not edit. Source: packages/design-tokens/src/tokens.ts
 * Regenerate: npm run build -w @athlete/design-tokens  ·  Docs: docs/DESIGN_SYSTEM.md
 * Help site (site/): link this file before assets/css/site.css. assets/js/theme.js sets data-theme on <html> from
 * 'tempo.theme' (light | dark); without it the OS setting applies. Printing always uses the light theme. */

:root {
  --font-sans: 'Manrope', ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --type-display-lg: 700 64px/64px var(--font-sans);
  --type-display-lg-tracking: -2.6px;
  --type-display: 700 44px/48px var(--font-sans);
  --type-display-tracking: -1.6px;
  --type-numeral: 700 28px/32px var(--font-sans);
  --type-numeral-tracking: -0.8px;
  --type-numeral-sm: 700 20px/24px var(--font-sans);
  --type-numeral-sm-tracking: -0.4px;
  --type-title-1: 700 24px/30px var(--font-sans);
  --type-title-1-tracking: -0.6px;
  --type-title-2: 700 18px/24px var(--font-sans);
  --type-title-2-tracking: -0.3px;
  --type-title-3: 600 15px/20px var(--font-sans);
  --type-title-3-tracking: -0.1px;
  --type-body: 500 15px/22px var(--font-sans);
  --type-body-tracking: 0;
  --type-body-sm: 500 14px/20px var(--font-sans);
  --type-body-sm-tracking: 0;
  --type-body-sm-strong: 600 14px/20px var(--font-sans);
  --type-body-sm-strong-tracking: 0;
  --type-label-lg: 600 15px/20px var(--font-sans);
  --type-label-lg-tracking: 0;
  --type-label: 600 13px/18px var(--font-sans);
  --type-label-tracking: 0;
  --type-label-strong: 700 13px/18px var(--font-sans);
  --type-label-strong-tracking: 0;
  --type-caption: 500 12px/16px var(--font-sans);
  --type-caption-tracking: 0.1px;
  --type-caption-strong: 600 12px/16px var(--font-sans);
  --type-caption-strong-tracking: 0.1px;
  --type-micro: 600 11px/14px var(--font-sans);
  --type-micro-tracking: 0.2px;
  --type-micro-strong: 700 11px/14px var(--font-sans);
  --type-micro-strong-tracking: 0.2px;
  --type-brand: 800 22px/24px var(--font-sans);
  --type-brand-tracking: -1px;
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-half: 2px;
  --radius-xxs: 4px;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 999px;
  --size-touch: 44px;
  --size-pointer-min: 24px;
  --size-control-sm: 32px;
  --size-control-md: 40px;
  --size-control-lg: 48px;
  --size-icon-xs: 14px;
  --size-icon-sm: 16px;
  --size-icon-md: 20px;
  --size-icon-lg: 24px;
  --size-icon-stroke-xs: 2;
  --size-icon-stroke-sm: 2;
  --size-icon-stroke-md: 1.75;
  --size-icon-stroke-lg: 1.75;
  --size-avatar-xs: 20px;
  --size-avatar-sm: 24px;
  --size-avatar-md: 32px;
  --size-avatar-lg: 40px;
  --size-avatar-xl: 56px;
  --size-stack-overlap: 4px;
  --size-icon-circle-sm: 32px;
  --size-icon-circle-md: 40px;
  --size-list-row-compact: 48px;
  --size-list-row-regular: 56px;
  --size-list-row-rich: 64px;
  --size-segment-item: 36px;
  --size-segment-item-md: 32px;
  --size-segment-item-sm: 28px;
  --size-segment-inset: 4px;
  --size-tag: 24px;
  --size-badge: 20px;
  --size-status-chip: 24px;
  --size-visibility-chip: 24px;
  --size-day-chip-width: 44px;
  --size-day-chip-height: 60px;
  --size-day-chip-panel-width: 48px;
  --size-day-chip-panel-height: 56px;
  --size-marker: 6px;
  --size-status-dot: 8px;
  --size-ring-xs: 32px;
  --size-ring-sm: 44px;
  --size-ring-md: 64px;
  --size-ring-lg: 96px;
  --size-ring-stroke-xs: 4px;
  --size-ring-stroke-sm: 4px;
  --size-ring-stroke-md: 6px;
  --size-ring-stroke-lg: 8px;
  --size-meter-sm: 4px;
  --size-meter-md: 8px;
  --size-thumb: 40px;
  --size-toggle-width: 48px;
  --size-toggle-height: 28px;
  --size-toggle-knob: 20px;
  --size-checkbox: 20px;
  --size-scale-cell: 44px;
  --size-set-pill: 56px;
  --size-rest-bar: 52px;
  --size-stage-row: 52px;
  --size-toast: 48px;
  --size-sheet-handle-width: 36px;
  --size-sheet-handle-height: 4px;
  --size-nav-pill: 64px;
  --size-rail: 76px;
  --size-rail-item-width: 64px;
  --size-rail-item-icon-width: 44px;
  --size-rail-item-icon-height: 36px;
  --size-top-bar: 72px;
  --size-kpi-min-height: 176px;
  --size-heat-cell: 28px;
  --size-chart-bar-max: 28px;
  --duration-instant: 80ms;
  --duration-fast: 140ms;
  --duration-base: 200ms;
  --duration-slow: 320ms;
  --duration-toast-plain: 4000ms;
  --duration-toast-with-action: 6000ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-enter: cubic-bezier(0, 0, 0, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --z-base: 0;
  --z-sticky: 10;
  --z-nav: 20;
  --z-popover: 30;
  --z-overlay: 40;
  --z-sheet: 50;
  --z-toast: 60;
  --z-tooltip: 70;
  --layout-gutter-mobile: 16px;
  --layout-gutter-panel: 32px;
  --layout-grid-columns: 12;
  --layout-grid-columns-medium: 8;
  --layout-grid-gap: 20px;
  --layout-card-padding-mobile: 16px;
  --layout-card-padding-panel: 20px;
  --layout-content-max-width: 1360px;
  --layout-content-max-width-mobile: 760px;
  --layout-header-mobile: 56px;
  --layout-nav-inset-x: 20px;
  --layout-nav-inset-bottom: 28px;
  --layout-content-bottom-mobile: 140px;
  --layout-scale-gutter: 8px;
  --layout-side-panel: 480px;
  --layout-modal: 480px;
  --layout-breakpoint-medium: 768px;
  --layout-breakpoint-wide: 1200px;
}

:root,
[data-theme='light'] {
  color-scheme: light;
  --color-canvas: #f2f3ee;
  --color-surface: #ffffff;
  --color-surface-raised: #ffffff;
  --color-surface-muted: #f2f3ee;
  --color-surface-hover: #e9ebe4;
  --color-surface-inverse: #121512;
  --color-scrim: rgba(18, 21, 18, 0.36);
  --color-border: #e3e6dd;
  --color-border-strong: #cdd2c7;
  --color-border-control: #7c8479;
  --color-focus-ring: #4b6b06;
  --color-focus-ring-on-accent: #121a05;
  --color-focus-ring-on-violet: #ffffff;
  --color-focus-ring-inverse: #c9f266;
  --color-text: #121512;
  --color-text-secondary: #596056;
  --color-text-tertiary: #626a60;
  --color-text-disabled: #a3ab9f;
  --color-text-inverse: #ffffff;
  --color-accent: #c9f266;
  --color-accent-hover: #beea55;
  --color-accent-pressed: #b5dd52;
  --color-on-accent: #121a05;
  --color-on-accent-secondary: #45531c;
  --color-accent-soft: #eef8d6;
  --color-accent-text: #4b6b06;
  --color-selected: #121512;
  --color-on-selected: #ffffff;
  --color-nav-selected: #121512;
  --color-on-nav-selected: #ffffff;
  --color-violet-strong: #5e4ad9;
  --color-on-violet: #ffffff;
  --color-on-violet-secondary: #e4dfff;
  --color-violet-tag: #7160de;
  --color-violet-track: #7e6ee1;
  --color-violet-soft: #eeebfe;
  --color-violet-text: #5841d6;
  --color-success: #1e9e57;
  --color-success-soft: #e4f4ea;
  --color-success-text: #13793f;
  --color-warning: #b57a00;
  --color-warning-soft: #fcf0d9;
  --color-warning-text: #8a5900;
  --color-danger: #cc3339;
  --color-danger-soft: #fce8e7;
  --color-danger-text: #c0272e;
  --color-on-danger: #ffffff;
  --color-info: #2f80ed;
  --color-info-soft: #e4effd;
  --color-info-text: #1c62c4;
  --color-marker-training: #6b961e;
  --color-marker-survey: #624bbc;
  --color-marker-pain: #cc3339;
  --color-stage-out: #af283d;
  --color-stage-out-soft: #f7eaec;
  --color-stage-rehab: #624bbc;
  --color-stage-rehab-soft: #efedf8;
  --color-stage-modified: #bd7f06;
  --color-stage-modified-soft: #fcf6ee;
  --color-stage-full: #137738;
  --color-stage-full-soft: #e7f1eb;
  --color-chart-1: #624bbc;
  --color-chart-2: #6b961e;
  --color-chart-3: #0c82bf;
  --color-chart-4: #a7391e;
  --color-chart-highlight: #121512;
  --color-progress: #6b961e;
  --color-chart-muted: #858c81;
  --color-chart-grid: #e9ebe4;
  --color-chart-track: #e3e6dd;
  --color-readiness-1: #db6143;
  --color-readiness-2: #f1a18c;
  --color-readiness-3: #d7dbd3;
  --color-readiness-4: #9ac264;
  --color-readiness-5: #4b903b;
  --color-readiness-empty: #f7f8f4;
  --color-on-readiness-1: #121512;
  --color-on-readiness-2: #121512;
  --color-on-readiness-3: #121512;
  --color-on-readiness-4: #121512;
  --color-on-readiness-5: #121512;
  --color-avatar-1: #eeebfe;
  --color-on-avatar-1: #5841d6;
  --color-avatar-2: #eef8d6;
  --color-on-avatar-2: #4b6b06;
  --color-avatar-3: #e4effd;
  --color-on-avatar-3: #1c62c4;
  --color-avatar-4: #dff3ee;
  --color-on-avatar-4: #0d6b58;
  --color-avatar-5: #fbe6f0;
  --color-on-avatar-5: #a8336d;
  --shadow-card: 0 1px 2px rgba(18, 21, 18, 0.04), 0 4px 16px rgba(18, 21, 18, 0.04);
  --shadow-floating: 0 12px 32px rgba(18, 21, 18, 0.12), 0 2px 8px rgba(18, 21, 18, 0.06);
  --shadow-overlay: 0 -12px 48px rgba(18, 21, 18, 0.16);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    color-scheme: dark;
    --color-canvas: #0d0f0e;
    --color-surface: #171a18;
    --color-surface-raised: #1f2320;
    --color-surface-muted: #232724;
    --color-surface-hover: #2b302c;
    --color-surface-inverse: #f3f5f0;
    --color-scrim: rgba(0, 0, 0, 0.62);
    --color-border: #262a27;
    --color-border-strong: #363c37;
    --color-border-control: #737b70;
    --color-focus-ring: #c9f266;
    --color-focus-ring-on-accent: #121a05;
    --color-focus-ring-on-violet: #ffffff;
    --color-focus-ring-inverse: #121512;
    --color-text: #f3f5f0;
    --color-text-secondary: #a3ab9f;
    --color-text-tertiary: #959d92;
    --color-text-disabled: #596056;
    --color-text-inverse: #121512;
    --color-accent: #c9f266;
    --color-accent-hover: #d4f682;
    --color-accent-pressed: #b5dd52;
    --color-on-accent: #121a05;
    --color-on-accent-secondary: #45531c;
    --color-accent-soft: #28311d;
    --color-accent-text: #c9f266;
    --color-selected: #f3f5f0;
    --color-on-selected: #121512;
    --color-nav-selected: #c9f266;
    --color-on-nav-selected: #121a05;
    --color-violet-strong: #5e4ad9;
    --color-on-violet: #ffffff;
    --color-on-violet-secondary: #e4dfff;
    --color-violet-tag: #7160de;
    --color-violet-track: #7e6ee1;
    --color-violet-soft: #25213d;
    --color-violet-text: #b7aaff;
    --color-success: #5fd08e;
    --color-success-soft: #18291f;
    --color-success-text: #5fd08e;
    --color-warning: #f2b544;
    --color-warning-soft: #2f2717;
    --color-warning-text: #f2b544;
    --color-danger: #ff6b6b;
    --color-danger-soft: #33191a;
    --color-danger-text: #ff8b85;
    --color-on-danger: #121512;
    --color-info: #6cb4ff;
    --color-info-soft: #172534;
    --color-info-text: #6cb4ff;
    --color-marker-training: #c9f266;
    --color-marker-survey: #8e7cf3;
    --color-marker-pain: #ff6b6b;
    --color-stage-out: #eb635c;
    --color-stage-out-soft: #3d2724;
    --color-stage-rehab: #9280f6;
    --color-stage-rehab-soft: #2d2c40;
    --color-stage-modified: #cb8315;
    --color-stage-modified-soft: #372d17;
    --color-stage-full: #11ae89;
    --color-stage-full-soft: #16352c;
    --color-chart-1: #8e7cf3;
    --color-chart-2: #6e9a2a;
    --color-chart-3: #3396d3;
    --color-chart-4: #d66c3b;
    --color-chart-highlight: #c9f266;
    --color-progress: #c9f266;
    --color-chart-muted: #666e63;
    --color-chart-grid: #262a27;
    --color-chart-track: #2b302c;
    --color-readiness-1: #e77457;
    --color-readiness-2: #874738;
    --color-readiness-3: #323731;
    --color-readiness-4: #3d6325;
    --color-readiness-5: #67b456;
    --color-readiness-empty: #1f2320;
    --color-on-readiness-1: #121512;
    --color-on-readiness-2: #f3f5f0;
    --color-on-readiness-3: #f3f5f0;
    --color-on-readiness-4: #f3f5f0;
    --color-on-readiness-5: #121512;
    --color-avatar-1: #25213d;
    --color-on-avatar-1: #b7aaff;
    --color-avatar-2: #28311d;
    --color-on-avatar-2: #c9f266;
    --color-avatar-3: #172534;
    --color-on-avatar-3: #6cb4ff;
    --color-avatar-4: #13302b;
    --color-on-avatar-4: #4fd1b5;
    --color-avatar-5: #351a2b;
    --color-on-avatar-5: #f49ac8;
    --shadow-card: none;
    --shadow-floating: 0 16px 40px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.06);
    --shadow-overlay: 0 -12px 48px rgba(0, 0, 0, 0.6);
  }
}

[data-theme='dark'] {
  color-scheme: dark;
  --color-canvas: #0d0f0e;
  --color-surface: #171a18;
  --color-surface-raised: #1f2320;
  --color-surface-muted: #232724;
  --color-surface-hover: #2b302c;
  --color-surface-inverse: #f3f5f0;
  --color-scrim: rgba(0, 0, 0, 0.62);
  --color-border: #262a27;
  --color-border-strong: #363c37;
  --color-border-control: #737b70;
  --color-focus-ring: #c9f266;
  --color-focus-ring-on-accent: #121a05;
  --color-focus-ring-on-violet: #ffffff;
  --color-focus-ring-inverse: #121512;
  --color-text: #f3f5f0;
  --color-text-secondary: #a3ab9f;
  --color-text-tertiary: #959d92;
  --color-text-disabled: #596056;
  --color-text-inverse: #121512;
  --color-accent: #c9f266;
  --color-accent-hover: #d4f682;
  --color-accent-pressed: #b5dd52;
  --color-on-accent: #121a05;
  --color-on-accent-secondary: #45531c;
  --color-accent-soft: #28311d;
  --color-accent-text: #c9f266;
  --color-selected: #f3f5f0;
  --color-on-selected: #121512;
  --color-nav-selected: #c9f266;
  --color-on-nav-selected: #121a05;
  --color-violet-strong: #5e4ad9;
  --color-on-violet: #ffffff;
  --color-on-violet-secondary: #e4dfff;
  --color-violet-tag: #7160de;
  --color-violet-track: #7e6ee1;
  --color-violet-soft: #25213d;
  --color-violet-text: #b7aaff;
  --color-success: #5fd08e;
  --color-success-soft: #18291f;
  --color-success-text: #5fd08e;
  --color-warning: #f2b544;
  --color-warning-soft: #2f2717;
  --color-warning-text: #f2b544;
  --color-danger: #ff6b6b;
  --color-danger-soft: #33191a;
  --color-danger-text: #ff8b85;
  --color-on-danger: #121512;
  --color-info: #6cb4ff;
  --color-info-soft: #172534;
  --color-info-text: #6cb4ff;
  --color-marker-training: #c9f266;
  --color-marker-survey: #8e7cf3;
  --color-marker-pain: #ff6b6b;
  --color-stage-out: #eb635c;
  --color-stage-out-soft: #3d2724;
  --color-stage-rehab: #9280f6;
  --color-stage-rehab-soft: #2d2c40;
  --color-stage-modified: #cb8315;
  --color-stage-modified-soft: #372d17;
  --color-stage-full: #11ae89;
  --color-stage-full-soft: #16352c;
  --color-chart-1: #8e7cf3;
  --color-chart-2: #6e9a2a;
  --color-chart-3: #3396d3;
  --color-chart-4: #d66c3b;
  --color-chart-highlight: #c9f266;
  --color-progress: #c9f266;
  --color-chart-muted: #666e63;
  --color-chart-grid: #262a27;
  --color-chart-track: #2b302c;
  --color-readiness-1: #e77457;
  --color-readiness-2: #874738;
  --color-readiness-3: #323731;
  --color-readiness-4: #3d6325;
  --color-readiness-5: #67b456;
  --color-readiness-empty: #1f2320;
  --color-on-readiness-1: #121512;
  --color-on-readiness-2: #f3f5f0;
  --color-on-readiness-3: #f3f5f0;
  --color-on-readiness-4: #f3f5f0;
  --color-on-readiness-5: #121512;
  --color-avatar-1: #25213d;
  --color-on-avatar-1: #b7aaff;
  --color-avatar-2: #28311d;
  --color-on-avatar-2: #c9f266;
  --color-avatar-3: #172534;
  --color-on-avatar-3: #6cb4ff;
  --color-avatar-4: #13302b;
  --color-on-avatar-4: #4fd1b5;
  --color-avatar-5: #351a2b;
  --color-on-avatar-5: #f49ac8;
  --shadow-card: none;
  --shadow-floating: 0 16px 40px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.06);
  --shadow-overlay: 0 -12px 48px rgba(0, 0, 0, 0.6);
}

/* Increased contrast (OS setting). Re-declared on the theme scopes so it wins over their values. */
@media (prefers-contrast: more) {
  :root:root,
  [data-theme] {
    --color-text-tertiary: var(--color-text-secondary);
    --color-border: var(--color-border-strong);
    --color-chart-grid: var(--color-border);
  }
}

/* Print: light colours on paper, also when the screen shows the dark theme. */
@media print {
  :root:root:root {
    color-scheme: light;
    --color-canvas: #f2f3ee;
    --color-surface: #ffffff;
    --color-surface-raised: #ffffff;
    --color-surface-muted: #f2f3ee;
    --color-surface-hover: #e9ebe4;
    --color-surface-inverse: #121512;
    --color-scrim: rgba(18, 21, 18, 0.36);
    --color-border: #e3e6dd;
    --color-border-strong: #cdd2c7;
    --color-border-control: #7c8479;
    --color-focus-ring: #4b6b06;
    --color-focus-ring-on-accent: #121a05;
    --color-focus-ring-on-violet: #ffffff;
    --color-focus-ring-inverse: #c9f266;
    --color-text: #121512;
    --color-text-secondary: #596056;
    --color-text-tertiary: #626a60;
    --color-text-disabled: #a3ab9f;
    --color-text-inverse: #ffffff;
    --color-accent: #c9f266;
    --color-accent-hover: #beea55;
    --color-accent-pressed: #b5dd52;
    --color-on-accent: #121a05;
    --color-on-accent-secondary: #45531c;
    --color-accent-soft: #eef8d6;
    --color-accent-text: #4b6b06;
    --color-selected: #121512;
    --color-on-selected: #ffffff;
    --color-nav-selected: #121512;
    --color-on-nav-selected: #ffffff;
    --color-violet-strong: #5e4ad9;
    --color-on-violet: #ffffff;
    --color-on-violet-secondary: #e4dfff;
    --color-violet-tag: #7160de;
    --color-violet-track: #7e6ee1;
    --color-violet-soft: #eeebfe;
    --color-violet-text: #5841d6;
    --color-success: #1e9e57;
    --color-success-soft: #e4f4ea;
    --color-success-text: #13793f;
    --color-warning: #b57a00;
    --color-warning-soft: #fcf0d9;
    --color-warning-text: #8a5900;
    --color-danger: #cc3339;
    --color-danger-soft: #fce8e7;
    --color-danger-text: #c0272e;
    --color-on-danger: #ffffff;
    --color-info: #2f80ed;
    --color-info-soft: #e4effd;
    --color-info-text: #1c62c4;
    --color-marker-training: #6b961e;
    --color-marker-survey: #624bbc;
    --color-marker-pain: #cc3339;
    --color-stage-out: #af283d;
    --color-stage-out-soft: #f7eaec;
    --color-stage-rehab: #624bbc;
    --color-stage-rehab-soft: #efedf8;
    --color-stage-modified: #bd7f06;
    --color-stage-modified-soft: #fcf6ee;
    --color-stage-full: #137738;
    --color-stage-full-soft: #e7f1eb;
    --color-chart-1: #624bbc;
    --color-chart-2: #6b961e;
    --color-chart-3: #0c82bf;
    --color-chart-4: #a7391e;
    --color-chart-highlight: #121512;
    --color-progress: #6b961e;
    --color-chart-muted: #858c81;
    --color-chart-grid: #e9ebe4;
    --color-chart-track: #e3e6dd;
    --color-readiness-1: #db6143;
    --color-readiness-2: #f1a18c;
    --color-readiness-3: #d7dbd3;
    --color-readiness-4: #9ac264;
    --color-readiness-5: #4b903b;
    --color-readiness-empty: #f7f8f4;
    --color-on-readiness-1: #121512;
    --color-on-readiness-2: #121512;
    --color-on-readiness-3: #121512;
    --color-on-readiness-4: #121512;
    --color-on-readiness-5: #121512;
    --color-avatar-1: #eeebfe;
    --color-on-avatar-1: #5841d6;
    --color-avatar-2: #eef8d6;
    --color-on-avatar-2: #4b6b06;
    --color-avatar-3: #e4effd;
    --color-on-avatar-3: #1c62c4;
    --color-avatar-4: #dff3ee;
    --color-on-avatar-4: #0d6b58;
    --color-avatar-5: #fbe6f0;
    --color-on-avatar-5: #a8336d;
    --shadow-card: 0 1px 2px rgba(18, 21, 18, 0.04), 0 4px 16px rgba(18, 21, 18, 0.04);
    --shadow-floating: 0 12px 32px rgba(18, 21, 18, 0.12), 0 2px 8px rgba(18, 21, 18, 0.06);
    --shadow-overlay: 0 -12px 48px rgba(18, 21, 18, 0.16);
  }
}

/* Type roles as utilities (font shorthand + tracking). */
.t-display-lg {
  font: var(--type-display-lg);
  letter-spacing: var(--type-display-lg-tracking);
}
.t-display {
  font: var(--type-display);
  letter-spacing: var(--type-display-tracking);
}
.t-numeral {
  font: var(--type-numeral);
  letter-spacing: var(--type-numeral-tracking);
}
.t-numeral-sm {
  font: var(--type-numeral-sm);
  letter-spacing: var(--type-numeral-sm-tracking);
  font-variant-numeric: tabular-nums;
}
.t-title-1 {
  font: var(--type-title-1);
  letter-spacing: var(--type-title-1-tracking);
}
.t-title-2 {
  font: var(--type-title-2);
  letter-spacing: var(--type-title-2-tracking);
}
.t-title-3 {
  font: var(--type-title-3);
  letter-spacing: var(--type-title-3-tracking);
}
.t-body {
  font: var(--type-body);
  letter-spacing: var(--type-body-tracking);
}
.t-body-sm {
  font: var(--type-body-sm);
  letter-spacing: var(--type-body-sm-tracking);
}
.t-body-sm-strong {
  font: var(--type-body-sm-strong);
  letter-spacing: var(--type-body-sm-strong-tracking);
}
.t-label-lg {
  font: var(--type-label-lg);
  letter-spacing: var(--type-label-lg-tracking);
}
.t-label {
  font: var(--type-label);
  letter-spacing: var(--type-label-tracking);
}
.t-label-strong {
  font: var(--type-label-strong);
  letter-spacing: var(--type-label-strong-tracking);
}
.t-caption {
  font: var(--type-caption);
  letter-spacing: var(--type-caption-tracking);
}
.t-caption-strong {
  font: var(--type-caption-strong);
  letter-spacing: var(--type-caption-strong-tracking);
}
.t-micro {
  font: var(--type-micro);
  letter-spacing: var(--type-micro-tracking);
}
.t-micro-strong {
  font: var(--type-micro-strong);
  letter-spacing: var(--type-micro-strong-tracking);
}
.t-brand {
  font: var(--type-brand);
  letter-spacing: var(--type-brand-tracking);
}