@layer gala-tokens {
  /* Bare-root light values and their prefers-color-scheme dark override
   style a page the browser script never reaches; the resolved-mode
   blocks below win once data-gala-resolved-color-mode is set. */
  [data-gala-publication-root] {
    --gala-border-code: 1px solid #00000000;
    --gala-border-width: 1px;
    --gala-card-inset: 0.5rem;
    --gala-card-pad: 0.75rem 0.9rem 1.1rem;
    --gala-card-title-size: 1.25rem;
    --gala-chip-pad: 0.28rem 0.65rem;
    --gala-color-accent-2: #00a3a3;
    --gala-color-code-canvas: #0f1520;
    --gala-color-code-text: #e6edf6;
    --gala-color-danger: #a8241c;
    --gala-color-input: #ffffff1a;
    --gala-color-input-border: #ffffff4d;
    --gala-color-link-visited: #6b2d8f;
    --gala-color-overlay: #0a0e1473;
    --gala-color-panel-muted: #ffffffc7;
    --gala-color-success: #256b3a;
    --gala-color-syntax-comment: #7d8aa0;
    --gala-color-syntax-function: #7cc7ff;
    --gala-color-syntax-keyword: #c4a7ff;
    --gala-color-syntax-number: #ffc27a;
    --gala-color-syntax-string: #9be3a5;
    --gala-color-toc-active: #00000000;
    --gala-color-warning: #7a4b00;
    --gala-content-measure: 42rem;
    --gala-decor-size: 100% 46rem;
    --gala-display-max: 4rem;
    --gala-display-style: normal;
    --gala-duration-base: 320ms;
    --gala-duration-fast: 160ms;
    --gala-duration-slow: 700ms;
    --gala-ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
    --gala-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
    --gala-focus-width: 2px;
    --gala-font-body: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
    --gala-font-display: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
    --gala-font-label: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
    --gala-font-mono: ui-monospace, SF Mono, Menlo, Consolas, monospace;
    --gala-font-ui: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
    --gala-label-transform: uppercase;
    --gala-lift-x: 0;
    --gala-lift-y: -4px;
    --gala-link-offset: 0.22em;
    --gala-link-offset-hover: 0.3em;
    --gala-link-skip-ink: auto;
    --gala-link-thickness: 0.08em;
    --gala-media-filter: none;
    --gala-media-filter-hover: none;
    --gala-media-zoom: 1.045;
    --gala-prose-leading: 1.75;
    --gala-prose-size: 1.125rem;
    --gala-quote-align: start;
    --gala-quote-mark: none;
    --gala-quote-pad: 0.25em 0 0.25em 1.25em;
    --gala-quote-style: normal;
    --gala-quote-transform: none;
    --gala-radius-avatar: 50%;
    --gala-radius-large: 22px;
    --gala-radius-media: 10px;
    --gala-radius-medium: 14px;
    --gala-radius-pill: 999px;
    --gala-radius-small: 8px;
    --gala-row-pad: 0;
    --gala-shadow-card: 0 1px 2px #1018280d, 0 10px 24px -14px #1018282e;
    --gala-shadow-card-hover: 0 2px 4px #1018280f, 0 28px 48px -22px #10182852;
    --gala-shadow-dialog: 0 40px 80px -20px #0a0e1473;
    --gala-space-1: 0.25rem;
    --gala-space-2: 0.5rem;
    --gala-space-3: 0.75rem;
    --gala-space-4: 1rem;
    --gala-space-6: 1.5rem;
    --gala-space-8: 2rem;
    --gala-title-transform: none;
    --gala-tracking-display: -0.035em;
    --gala-tracking-label: 0.08em;
    --gala-tracking-title: -0.015em;
    --gala-weight-display: 760;
    --gala-weight-normal: 400;
    --gala-weight-strong: 700;
    --gala-weight-title: 680;
    --gala-weight-ui: 560;
  }
  @media (prefers-color-scheme: dark) {
    [data-gala-publication-root] {
      --gala-border-code: 1px solid #232a34;
      --gala-border-width: 1px;
      --gala-card-inset: 0.5rem;
      --gala-card-pad: 0.75rem 0.9rem 1.1rem;
      --gala-card-title-size: 1.25rem;
      --gala-chip-pad: 0.28rem 0.65rem;
      --gala-color-accent-2: #3fd0c9;
      --gala-color-code-canvas: #0f1319;
      --gala-color-code-text: #e6edf6;
      --gala-color-danger: #ff8f8a;
      --gala-color-input: #ffffff1a;
      --gala-color-input-border: #ffffff4d;
      --gala-color-link-visited: #caa6f0;
      --gala-color-overlay: #00000099;
      --gala-color-panel-muted: #ffffffc7;
      --gala-color-success: #7fe0a0;
      --gala-color-syntax-comment: #7d8aa0;
      --gala-color-syntax-function: #7cc7ff;
      --gala-color-syntax-keyword: #c4a7ff;
      --gala-color-syntax-number: #ffc27a;
      --gala-color-syntax-string: #9be3a5;
      --gala-color-toc-active: #00000000;
      --gala-color-warning: #ffcf66;
      --gala-content-measure: 42rem;
      --gala-decor-size: 100% 46rem;
      --gala-display-max: 4rem;
      --gala-display-style: normal;
      --gala-duration-base: 320ms;
      --gala-duration-fast: 160ms;
      --gala-duration-slow: 700ms;
      --gala-ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
      --gala-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
      --gala-focus-width: 2px;
      --gala-font-body: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
      --gala-font-display:
        ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
      --gala-font-label: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
      --gala-font-mono: ui-monospace, SF Mono, Menlo, Consolas, monospace;
      --gala-font-ui: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
      --gala-label-transform: uppercase;
      --gala-lift-x: 0;
      --gala-lift-y: -4px;
      --gala-link-offset: 0.22em;
      --gala-link-offset-hover: 0.3em;
      --gala-link-skip-ink: auto;
      --gala-link-thickness: 0.08em;
      --gala-media-filter: none;
      --gala-media-filter-hover: none;
      --gala-media-zoom: 1.045;
      --gala-prose-leading: 1.75;
      --gala-prose-size: 1.125rem;
      --gala-quote-align: start;
      --gala-quote-mark: none;
      --gala-quote-pad: 0.25em 0 0.25em 1.25em;
      --gala-quote-style: normal;
      --gala-quote-transform: none;
      --gala-radius-avatar: 50%;
      --gala-radius-large: 22px;
      --gala-radius-media: 10px;
      --gala-radius-medium: 14px;
      --gala-radius-pill: 999px;
      --gala-radius-small: 8px;
      --gala-row-pad: 0;
      --gala-shadow-card: inset 0 1px 0 #ffffff08, 0 12px 28px -16px #000000b3;
      --gala-shadow-card-hover:
        inset 0 1px 0 #ffffff0d, 0 30px 50px -24px #000000d9;
      --gala-shadow-dialog: 0 40px 80px -20px #000000cc;
      --gala-space-1: 0.25rem;
      --gala-space-2: 0.5rem;
      --gala-space-3: 0.75rem;
      --gala-space-4: 1rem;
      --gala-space-6: 1.5rem;
      --gala-space-8: 2rem;
      --gala-title-transform: none;
      --gala-tracking-display: -0.035em;
      --gala-tracking-label: 0.08em;
      --gala-tracking-title: -0.015em;
      --gala-weight-display: 760;
      --gala-weight-normal: 400;
      --gala-weight-strong: 700;
      --gala-weight-title: 680;
      --gala-weight-ui: 560;
    }
  }
  [data-gala-publication-root][data-gala-resolved-color-mode="light"] {
    --gala-border-code: 1px solid #00000000;
    --gala-border-width: 1px;
    --gala-card-inset: 0.5rem;
    --gala-card-pad: 0.75rem 0.9rem 1.1rem;
    --gala-card-title-size: 1.25rem;
    --gala-chip-pad: 0.28rem 0.65rem;
    --gala-color-accent-2: #00a3a3;
    --gala-color-code-canvas: #0f1520;
    --gala-color-code-text: #e6edf6;
    --gala-color-danger: #a8241c;
    --gala-color-input: #ffffff1a;
    --gala-color-input-border: #ffffff4d;
    --gala-color-link-visited: #6b2d8f;
    --gala-color-overlay: #0a0e1473;
    --gala-color-panel-muted: #ffffffc7;
    --gala-color-success: #256b3a;
    --gala-color-syntax-comment: #7d8aa0;
    --gala-color-syntax-function: #7cc7ff;
    --gala-color-syntax-keyword: #c4a7ff;
    --gala-color-syntax-number: #ffc27a;
    --gala-color-syntax-string: #9be3a5;
    --gala-color-toc-active: #00000000;
    --gala-color-warning: #7a4b00;
    --gala-content-measure: 42rem;
    --gala-decor-size: 100% 46rem;
    --gala-display-max: 4rem;
    --gala-display-style: normal;
    --gala-duration-base: 320ms;
    --gala-duration-fast: 160ms;
    --gala-duration-slow: 700ms;
    --gala-ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
    --gala-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
    --gala-focus-width: 2px;
    --gala-font-body: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
    --gala-font-display: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
    --gala-font-label: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
    --gala-font-mono: ui-monospace, SF Mono, Menlo, Consolas, monospace;
    --gala-font-ui: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
    --gala-label-transform: uppercase;
    --gala-lift-x: 0;
    --gala-lift-y: -4px;
    --gala-link-offset: 0.22em;
    --gala-link-offset-hover: 0.3em;
    --gala-link-skip-ink: auto;
    --gala-link-thickness: 0.08em;
    --gala-media-filter: none;
    --gala-media-filter-hover: none;
    --gala-media-zoom: 1.045;
    --gala-prose-leading: 1.75;
    --gala-prose-size: 1.125rem;
    --gala-quote-align: start;
    --gala-quote-mark: none;
    --gala-quote-pad: 0.25em 0 0.25em 1.25em;
    --gala-quote-style: normal;
    --gala-quote-transform: none;
    --gala-radius-avatar: 50%;
    --gala-radius-large: 22px;
    --gala-radius-media: 10px;
    --gala-radius-medium: 14px;
    --gala-radius-pill: 999px;
    --gala-radius-small: 8px;
    --gala-row-pad: 0;
    --gala-shadow-card: 0 1px 2px #1018280d, 0 10px 24px -14px #1018282e;
    --gala-shadow-card-hover: 0 2px 4px #1018280f, 0 28px 48px -22px #10182852;
    --gala-shadow-dialog: 0 40px 80px -20px #0a0e1473;
    --gala-space-1: 0.25rem;
    --gala-space-2: 0.5rem;
    --gala-space-3: 0.75rem;
    --gala-space-4: 1rem;
    --gala-space-6: 1.5rem;
    --gala-space-8: 2rem;
    --gala-title-transform: none;
    --gala-tracking-display: -0.035em;
    --gala-tracking-label: 0.08em;
    --gala-tracking-title: -0.015em;
    --gala-weight-display: 760;
    --gala-weight-normal: 400;
    --gala-weight-strong: 700;
    --gala-weight-title: 680;
    --gala-weight-ui: 560;
  }
  [data-gala-publication-root][data-gala-resolved-color-mode="dark"] {
    --gala-border-code: 1px solid #232a34;
    --gala-border-width: 1px;
    --gala-card-inset: 0.5rem;
    --gala-card-pad: 0.75rem 0.9rem 1.1rem;
    --gala-card-title-size: 1.25rem;
    --gala-chip-pad: 0.28rem 0.65rem;
    --gala-color-accent-2: #3fd0c9;
    --gala-color-code-canvas: #0f1319;
    --gala-color-code-text: #e6edf6;
    --gala-color-danger: #ff8f8a;
    --gala-color-input: #ffffff1a;
    --gala-color-input-border: #ffffff4d;
    --gala-color-link-visited: #caa6f0;
    --gala-color-overlay: #00000099;
    --gala-color-panel-muted: #ffffffc7;
    --gala-color-success: #7fe0a0;
    --gala-color-syntax-comment: #7d8aa0;
    --gala-color-syntax-function: #7cc7ff;
    --gala-color-syntax-keyword: #c4a7ff;
    --gala-color-syntax-number: #ffc27a;
    --gala-color-syntax-string: #9be3a5;
    --gala-color-toc-active: #00000000;
    --gala-color-warning: #ffcf66;
    --gala-content-measure: 42rem;
    --gala-decor-size: 100% 46rem;
    --gala-display-max: 4rem;
    --gala-display-style: normal;
    --gala-duration-base: 320ms;
    --gala-duration-fast: 160ms;
    --gala-duration-slow: 700ms;
    --gala-ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
    --gala-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
    --gala-focus-width: 2px;
    --gala-font-body: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
    --gala-font-display: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
    --gala-font-label: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
    --gala-font-mono: ui-monospace, SF Mono, Menlo, Consolas, monospace;
    --gala-font-ui: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
    --gala-label-transform: uppercase;
    --gala-lift-x: 0;
    --gala-lift-y: -4px;
    --gala-link-offset: 0.22em;
    --gala-link-offset-hover: 0.3em;
    --gala-link-skip-ink: auto;
    --gala-link-thickness: 0.08em;
    --gala-media-filter: none;
    --gala-media-filter-hover: none;
    --gala-media-zoom: 1.045;
    --gala-prose-leading: 1.75;
    --gala-prose-size: 1.125rem;
    --gala-quote-align: start;
    --gala-quote-mark: none;
    --gala-quote-pad: 0.25em 0 0.25em 1.25em;
    --gala-quote-style: normal;
    --gala-quote-transform: none;
    --gala-radius-avatar: 50%;
    --gala-radius-large: 22px;
    --gala-radius-media: 10px;
    --gala-radius-medium: 14px;
    --gala-radius-pill: 999px;
    --gala-radius-small: 8px;
    --gala-row-pad: 0;
    --gala-shadow-card: inset 0 1px 0 #ffffff08, 0 12px 28px -16px #000000b3;
    --gala-shadow-card-hover:
      inset 0 1px 0 #ffffff0d, 0 30px 50px -24px #000000d9;
    --gala-shadow-dialog: 0 40px 80px -20px #000000cc;
    --gala-space-1: 0.25rem;
    --gala-space-2: 0.5rem;
    --gala-space-3: 0.75rem;
    --gala-space-4: 1rem;
    --gala-space-6: 1.5rem;
    --gala-space-8: 2rem;
    --gala-title-transform: none;
    --gala-tracking-display: -0.035em;
    --gala-tracking-label: 0.08em;
    --gala-tracking-title: -0.015em;
    --gala-weight-display: 760;
    --gala-weight-normal: 400;
    --gala-weight-strong: 700;
    --gala-weight-title: 680;
    --gala-weight-ui: 560;
  }
}