/* @ascent/shared design tokens — generated by scripts/build-tokens.mjs. Do not edit by hand.
 * Sources: tokens/tokens.v2.json (light) + tokens/tokens-dark.json (dark), synced from apg-website.
 * Contract: specs/ecosystem-v2/contracts/shared-package.md (§2.10 Amendment).
 * Dark mirrors light name-for-name; switch with [data-theme="dark"]. */
:root {
  --ap-color-teal: #0085ae;
  --ap-color-teal-dark: #005467;
  --ap-color-teal-button: #005467;
  --ap-color-teal-accent: #005467;
  --ap-color-gold: #dfb947;
  --ap-color-black: #000000;
  --ap-color-white: #ffffff;
  --ap-color-text: #000000;
  --ap-color-text-body: #3c3c3c;
  --ap-color-text-light: #545454;
  --ap-color-text-muted: #4f4f4f;
  --ap-color-text-accent: #005467;
  --ap-color-bg-light: #efefef;
  --ap-color-bg-card: #efefef;
  --ap-color-border: #efefef;
  --ap-color-focus: #005467;
  --ap-color-surface-page: #ffffff;
  --ap-color-surface-raised: #efefef;
  --ap-color-surface-inset: #efefef;
  --ap-color-border-subtle: #efefef;
  --ap-color-link-hover: #005467;
  --ap-color-footer-top: #545454;
  --ap-color-footer-bottom: #005467;
  --ap-color-footer-text: #ffffff;
  --ap-color-footer-text-muted: #efefef;
  --ap-color-footer-link-hover: #dfb947;
  --ap-color-mid-gray: #b3b3b3;
  --ap-color-separator: #767676;
  --ap-font-body: Open Sans;
  --ap-font-heading: Titillium Web;
  --ap-font-accent: Raleway;
  --ap-max-width-site: 65.125rem;
  --ap-space-section-x: 2.1875rem;
  --ap-space-content-top: 2rem;
  --ap-space-card-x: 8%;
  --ap-space-inner-x: 5%;
  --ap-radius-card: 0.5rem;
  --ap-header-height: 3.75rem;
  --ap-header-logo-width: 9.75rem;
  --ap-header-logo-height: 2.5rem;
  --ap-header-mobile-height: 3.5rem;
  --ap-header-sticky-height: 3.75rem;
  --ap-header-menu-padding-x: 3.125rem;
  --ap-footer-padding-top: 2.5625rem;
  --ap-footer-padding-bottom: 1.25rem;
  --ap-footer-widget-padding-top: 2.8125rem;
  --ap-footer-widget-padding-bottom: 4.875rem;
  --ap-footer-bottom-height: 3.75rem;
  --ap-sidebar-width: 20rem;
  --ap-sidebar-close-height: 2rem;
  --ap-backtotop-size: 2.5rem;
  --ap-backtotop-icon-size: 0.875rem;
  --ap-backtotop-radius: 50%;
  --ap-duration-color: 0.15s;
  --ap-duration-default: 0.3s;
  --ap-duration-medium: 0.55s;
  --ap-duration-slow: 0.8s;
  --ap-breakpoint-sm: 40rem;
  --ap-breakpoint-md: 48rem;
  --ap-breakpoint-lg: 64rem;
  --ap-breakpoint-xl: 80rem;
  --ap-breakpoint-2xl: 96rem;
  --ap-breakpoint-mobile: 47.9375rem;
  --ap-breakpoint-tablet-landscape: 48rem;
  --ap-breakpoint-tablet-portrait: 48rem;
  --ap-breakpoint-desktop: 70.1875rem;
  --ap-breakpoint-desktop-large: 83.4375rem;
  --ap-text-caption-size: 0.6875rem;
  --ap-text-caption-line: 1.5px;
  --ap-text-caption-weight: 400;
  --ap-text-meta-size: 0.75rem;
  --ap-text-meta-line: 1.5px;
  --ap-text-meta-weight: 400;
  --ap-text-note-size: 0.875rem;
  --ap-text-note-line: 1.5px;
  --ap-text-note-line-px: 21px;
  --ap-text-note-weight: 400;
  --ap-text-copy-size: 1rem;
  --ap-text-copy-line: 1.5px;
  --ap-text-copy-line-px: 22px;
  --ap-text-copy-weight: 400;
  --ap-text-body-size: 1rem;
  --ap-text-body-line: 1.5px;
  --ap-text-body-weight: 400;
  --ap-text-nav-size: 0.875rem;
  --ap-text-nav-line: 1.5px;
  --ap-text-nav-weight: 600;
  --ap-text-lead-size: 1.125rem;
  --ap-text-lead-line: 1.5px;
  --ap-text-lead-weight: 400;
  --ap-text-subhead-size: 1.25rem;
  --ap-text-subhead-line: 1.2px;
  --ap-text-subhead-line-px: 31px;
  --ap-text-subhead-weight: 500;
  --ap-text-leadLg-size: 1.5rem;
  --ap-text-leadLg-line: 1.3px;
  --ap-text-leadLg-weight: 400;
  --ap-text-blockquote-size: 1.25rem;
  --ap-text-blockquote-line: 1.5px;
  --ap-text-blockquote-weight: 400;
  --ap-text-h6-size: 0.875rem;
  --ap-text-h6-line: 1.3px;
  --ap-text-h6-weight: 600;
  --ap-text-h5-size: 1.125rem;
  --ap-text-h5-line: 1.3px;
  --ap-text-h5-line-px: 29px;
  --ap-text-h5-weight: 600;
  --ap-text-h4-size: 1.25rem;
  --ap-text-h4-line: 1.2px;
  --ap-text-h4-weight: 600;
  --ap-text-h3-size: 1.5rem;
  --ap-text-h3-line: 1.2px;
  --ap-text-h3-weight: 700;
  --ap-text-h2-size: 2rem;
  --ap-text-h2-line: 1.05px;
  --ap-text-h2-weight: 700;
  --ap-text-h1-size: 2.5rem;
  --ap-text-h1-line: 1.05px;
  --ap-text-h1-weight: 700;
  --ap-text-display-size: 3.25rem;
  --ap-text-display-line: 1.05px;
  --ap-text-display-weight: 900;
}

:root[data-theme="dark"] {
  --ap-color-teal: #0085ae;
  --ap-color-teal-dark: #005467;
  --ap-color-teal-button: #005467;
  --ap-color-teal-accent: #005467;
  --ap-color-gold: #e8c766;
  --ap-color-black: #000000;
  --ap-color-white: #ffffff;
  --ap-color-text: #f4f4f4;
  --ap-color-text-body: #e2e2e2;
  --ap-color-text-light: #c2c2c2;
  --ap-color-text-muted: #c2c2c2;
  --ap-color-text-accent: #5bc8e8;
  --ap-color-bg-light: #1e1e1e;
  --ap-color-bg-card: #262626;
  --ap-color-border: #3a3a3a;
  --ap-color-focus: #5bc8e8;
  --ap-color-surface-page: #141414;
  --ap-color-surface-raised: #262626;
  --ap-color-surface-inset: #1e1e1e;
  --ap-color-border-subtle: #3a3a3a;
  --ap-color-link-hover: #7dd6ee;
  --ap-color-footer-top: #00506a;
  --ap-color-footer-bottom: #00506a;
  --ap-color-footer-text: #141414;
  --ap-color-footer-text-muted: #c2c2c2;
  --ap-color-footer-link-hover: #e8c766;
  --ap-color-mid-gray: #b3b3b3;
  --ap-color-separator: #6a6a6a;
  --ap-font-body: Open Sans;
  --ap-font-heading: Titillium Web;
  --ap-font-accent: Raleway;
  --ap-max-width-site: 65.125rem;
  --ap-space-section-x: 2.1875rem;
  --ap-space-content-top: 2rem;
  --ap-space-card-x: 8%;
  --ap-space-inner-x: 5%;
  --ap-radius-card: 0.5rem;
  --ap-header-height: 3.75rem;
  --ap-header-logo-width: 9.75rem;
  --ap-header-logo-height: 2.5rem;
  --ap-header-mobile-height: 3.5rem;
  --ap-header-sticky-height: 3.75rem;
  --ap-header-menu-padding-x: 3.125rem;
  --ap-footer-padding-top: 2.5625rem;
  --ap-footer-padding-bottom: 1.25rem;
  --ap-footer-widget-padding-top: 2.8125rem;
  --ap-footer-widget-padding-bottom: 4.875rem;
  --ap-footer-bottom-height: 3.75rem;
  --ap-sidebar-width: 20rem;
  --ap-sidebar-close-height: 2rem;
  --ap-backtotop-size: 2.5rem;
  --ap-backtotop-icon-size: 0.875rem;
  --ap-backtotop-radius: 50%;
  --ap-duration-color: 0.15s;
  --ap-duration-default: 0.3s;
  --ap-duration-medium: 0.55s;
  --ap-duration-slow: 0.8s;
  --ap-breakpoint-sm: 40rem;
  --ap-breakpoint-md: 48rem;
  --ap-breakpoint-lg: 64rem;
  --ap-breakpoint-xl: 80rem;
  --ap-breakpoint-2xl: 96rem;
  --ap-breakpoint-mobile: 47.9375rem;
  --ap-breakpoint-tablet-landscape: 48rem;
  --ap-breakpoint-tablet-portrait: 48rem;
  --ap-breakpoint-desktop: 70.1875rem;
  --ap-breakpoint-desktop-large: 83.4375rem;
  --ap-text-caption-size: 0.6875rem;
  --ap-text-caption-line: 1.5px;
  --ap-text-caption-weight: 400;
  --ap-text-meta-size: 0.75rem;
  --ap-text-meta-line: 1.5px;
  --ap-text-meta-weight: 400;
  --ap-text-note-size: 0.875rem;
  --ap-text-note-line: 1.5px;
  --ap-text-note-line-px: 21px;
  --ap-text-note-weight: 400;
  --ap-text-copy-size: 1rem;
  --ap-text-copy-line: 1.5px;
  --ap-text-copy-line-px: 22px;
  --ap-text-copy-weight: 400;
  --ap-text-body-size: 1rem;
  --ap-text-body-line: 1.5px;
  --ap-text-body-weight: 400;
  --ap-text-nav-size: 0.875rem;
  --ap-text-nav-line: 1.5px;
  --ap-text-nav-weight: 600;
  --ap-text-lead-size: 1.125rem;
  --ap-text-lead-line: 1.5px;
  --ap-text-lead-weight: 400;
  --ap-text-subhead-size: 1.25rem;
  --ap-text-subhead-line: 1.2px;
  --ap-text-subhead-line-px: 31px;
  --ap-text-subhead-weight: 500;
  --ap-text-leadLg-size: 1.5rem;
  --ap-text-leadLg-line: 1.3px;
  --ap-text-leadLg-weight: 400;
  --ap-text-blockquote-size: 1.25rem;
  --ap-text-blockquote-line: 1.5px;
  --ap-text-blockquote-weight: 400;
  --ap-text-h6-size: 0.875rem;
  --ap-text-h6-line: 1.3px;
  --ap-text-h6-weight: 600;
  --ap-text-h5-size: 1.125rem;
  --ap-text-h5-line: 1.3px;
  --ap-text-h5-line-px: 29px;
  --ap-text-h5-weight: 600;
  --ap-text-h4-size: 1.25rem;
  --ap-text-h4-line: 1.2px;
  --ap-text-h4-weight: 600;
  --ap-text-h3-size: 1.5rem;
  --ap-text-h3-line: 1.2px;
  --ap-text-h3-weight: 700;
  --ap-text-h2-size: 2rem;
  --ap-text-h2-line: 1.05px;
  --ap-text-h2-weight: 700;
  --ap-text-h1-size: 2.5rem;
  --ap-text-h1-line: 1.05px;
  --ap-text-h1-weight: 700;
  --ap-text-display-size: 3.25rem;
  --ap-text-display-line: 1.05px;
  --ap-text-display-weight: 900;
}