@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-button: 2px solid #0a0a0a;
    --gala-border-card: 2px solid #0a0a0a;
    --gala-border-chip: 2px solid #0a0a0a;
    --gala-border-code: 1px solid #00000000;
    --gala-border-media-divider: 2px solid #0a0a0a;
    --gala-border-quote: 10px solid #ffd60a;
    --gala-border-row-divider: none;
    --gala-border-section-rule: 2px solid #0a0a0a;
    --gala-border-width: 2px;
    --gala-card-inset: 0;
    --gala-card-pad: 1rem 1.1rem 1.25rem;
    --gala-card-title-size: 1.1rem;
    --gala-chip-pad: 0.28rem 0.65rem;
    --gala-color-accent: #ffd60a;
    --gala-color-accent-2: #ff4fa3;
    --gala-color-border: #0a0a0a;
    --gala-color-btn-panel: #0a0a0a;
    --gala-color-btn-panel-text: #ffd60a;
    --gala-color-btn-text: #0a0a0a;
    --gala-color-canvas: #f2f2ee;
    --gala-color-chip-text: #0a0a0a;
    --gala-color-code-canvas: #0a0a0a;
    --gala-color-code-text: #f2f2ee;
    --gala-color-danger: #a8241c;
    --gala-color-focus: #0050ff;
    --gala-color-footer: #ffffff;
    --gala-color-header: #f2f2eeeb;
    --gala-color-icon-accent: #0a0a0a;
    --gala-color-input: #ffffff;
    --gala-color-input-border: #0a0a0a;
    --gala-color-link: #0a0a0a;
    --gala-color-link-underline: #ffd60a;
    --gala-color-link-underline-hover: #ff4fa3;
    --gala-color-link-visited: #4a4a4a;
    --gala-color-on-accent: #0a0a0a;
    --gala-color-overlay: #0a0e1473;
    --gala-color-panel-muted: #2b2b2b;
    --gala-color-panel-text: #0a0a0a;
    --gala-color-selection: #ffd60a;
    --gala-color-success: #1e6b3a;
    --gala-color-surface: #ffffff;
    --gala-color-surface-raised: #e7e7e1;
    --gala-color-syntax-comment: #8a8a8a;
    --gala-color-syntax-function: #8ac8ff;
    --gala-color-syntax-keyword: #ffd60a;
    --gala-color-syntax-number: #ff8ad0;
    --gala-color-syntax-string: #7dffb0;
    --gala-color-text: #0a0a0a;
    --gala-color-text-faint: #666666;
    --gala-color-text-muted: #383838;
    --gala-color-toc-active: #ffd60a;
    --gala-color-toc-active-text: #0a0a0a;
    --gala-color-warning: #7a4b00;
    --gala-content-measure: 42rem;
    --gala-decor-size: auto;
    --gala-display-max: 4.75rem;
    --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.3, 1.5, 0.6, 1);
    --gala-focus-width: 3px;
    --gala-font-body: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
    --gala-font-display: system-ui, Segoe UI, Roboto, sans-serif;
    --gala-font-label: SFMono-Regular, Menlo, Consolas, monospace;
    --gala-font-mono: SFMono-Regular, Menlo, Consolas, monospace;
    --gala-font-ui: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
    --gala-label-transform: uppercase;
    --gala-lift-x: -4px;
    --gala-lift-y: -4px;
    --gala-link-offset: -0.12em;
    --gala-link-offset-hover: -0.12em;
    --gala-link-skip-ink: none;
    --gala-link-thickness: 0.35em;
    --gala-media-filter: none;
    --gala-media-filter-hover: none;
    --gala-media-zoom: 1.045;
    --gala-paint-button: #ffd60a;
    --gala-paint-chip: #ffd60a;
    --gala-paint-page-decor: repeating-linear-gradient(
      -45deg,
      transparent 0 16px,
      #0000000b 16px 32px
    );
    --gala-paint-panel: #ffd60a;
    --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: uppercase;
    --gala-radius-avatar: 0;
    --gala-radius-large: 0;
    --gala-radius-media: 0;
    --gala-radius-medium: 0;
    --gala-radius-pill: 0;
    --gala-radius-small: 0;
    --gala-row-pad: 0;
    --gala-shadow-avatar-ring: 0 0 0 2px #0a0a0a;
    --gala-shadow-button: 4px 4px 0 #0a0a0a;
    --gala-shadow-card: 6px 6px 0 #0a0a0a;
    --gala-shadow-card-hover: 10px 10px 0 #0a0a0a;
    --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: uppercase;
    --gala-tracking-display: -0.045em;
    --gala-tracking-label: 0.04em;
    --gala-tracking-title: -0.02em;
    --gala-weight-display: 900;
    --gala-weight-normal: 400;
    --gala-weight-strong: 700;
    --gala-weight-title: 850;
    --gala-weight-ui: 560;
  }
  @media (prefers-color-scheme: dark) {
    [data-gala-publication-root] {
      --gala-border-button: 2px solid #f5f5f0;
      --gala-border-card: 2px solid #f5f5f0;
      --gala-border-chip: 2px solid #f5f5f0;
      --gala-border-code: 2px solid #f5f5f0;
      --gala-border-media-divider: 2px solid #f5f5f0;
      --gala-border-quote: 10px solid #ffd60a;
      --gala-border-row-divider: none;
      --gala-border-section-rule: 2px solid #f5f5f0;
      --gala-border-width: 2px;
      --gala-card-inset: 0;
      --gala-card-pad: 1rem 1.1rem 1.25rem;
      --gala-card-title-size: 1.1rem;
      --gala-chip-pad: 0.28rem 0.65rem;
      --gala-color-accent: #ffd60a;
      --gala-color-accent-2: #ff4fa3;
      --gala-color-border: #f5f5f0;
      --gala-color-btn-panel: #0a0a0a;
      --gala-color-btn-panel-text: #ffd60a;
      --gala-color-btn-text: #0a0a0a;
      --gala-color-canvas: #0a0a0a;
      --gala-color-chip-text: #0a0a0a;
      --gala-color-code-canvas: #000000;
      --gala-color-code-text: #f5f5f0;
      --gala-color-danger: #ff8f8a;
      --gala-color-focus: #5c9bff;
      --gala-color-footer: #141414;
      --gala-color-header: #0a0a0aeb;
      --gala-color-icon-accent: #f5f5f0;
      --gala-color-input: #ffffff;
      --gala-color-input-border: #0a0a0a;
      --gala-color-link: #f5f5f0;
      --gala-color-link-underline: #ffd60a;
      --gala-color-link-underline-hover: #ff4fa3;
      --gala-color-link-visited: #c2c2c2;
      --gala-color-on-accent: #0a0a0a;
      --gala-color-overlay: #00000099;
      --gala-color-panel-muted: #2b2b2b;
      --gala-color-panel-text: #0a0a0a;
      --gala-color-selection: #5c4d00;
      --gala-color-success: #7fe0a0;
      --gala-color-surface: #141414;
      --gala-color-surface-raised: #1f1f1f;
      --gala-color-syntax-comment: #8a8a8a;
      --gala-color-syntax-function: #8ac8ff;
      --gala-color-syntax-keyword: #ffd60a;
      --gala-color-syntax-number: #ff8ad0;
      --gala-color-syntax-string: #7dffb0;
      --gala-color-text: #f5f5f0;
      --gala-color-text-faint: #8f8f88;
      --gala-color-text-muted: #cfcfc8;
      --gala-color-toc-active: #ffd60a;
      --gala-color-toc-active-text: #0a0a0a;
      --gala-color-warning: #ffcf66;
      --gala-content-measure: 42rem;
      --gala-decor-size: auto;
      --gala-display-max: 4.75rem;
      --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.3, 1.5, 0.6, 1);
      --gala-focus-width: 3px;
      --gala-font-body: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
      --gala-font-display: system-ui, Segoe UI, Roboto, sans-serif;
      --gala-font-label: SFMono-Regular, Menlo, Consolas, monospace;
      --gala-font-mono: SFMono-Regular, Menlo, Consolas, monospace;
      --gala-font-ui: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
      --gala-label-transform: uppercase;
      --gala-lift-x: -4px;
      --gala-lift-y: -4px;
      --gala-link-offset: -0.12em;
      --gala-link-offset-hover: -0.12em;
      --gala-link-skip-ink: none;
      --gala-link-thickness: 0.35em;
      --gala-media-filter: none;
      --gala-media-filter-hover: none;
      --gala-media-zoom: 1.045;
      --gala-paint-button: #ffd60a;
      --gala-paint-chip: #ffd60a;
      --gala-paint-page-decor: repeating-linear-gradient(
        -45deg,
        transparent 0 16px,
        #ffffff0d 16px 32px
      );
      --gala-paint-panel: #ffd60a;
      --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: uppercase;
      --gala-radius-avatar: 0;
      --gala-radius-large: 0;
      --gala-radius-media: 0;
      --gala-radius-medium: 0;
      --gala-radius-pill: 0;
      --gala-radius-small: 0;
      --gala-row-pad: 0;
      --gala-shadow-avatar-ring: 0 0 0 2px #f5f5f0;
      --gala-shadow-button: 4px 4px 0 #f5f5f0;
      --gala-shadow-card: 6px 6px 0 #f5f5f0;
      --gala-shadow-card-hover: 10px 10px 0 #f5f5f0;
      --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: uppercase;
      --gala-tracking-display: -0.045em;
      --gala-tracking-label: 0.04em;
      --gala-tracking-title: -0.02em;
      --gala-weight-display: 900;
      --gala-weight-normal: 400;
      --gala-weight-strong: 700;
      --gala-weight-title: 850;
      --gala-weight-ui: 560;
    }
  }
  [data-gala-publication-root][data-gala-resolved-color-mode="light"] {
    --gala-border-button: 2px solid #0a0a0a;
    --gala-border-card: 2px solid #0a0a0a;
    --gala-border-chip: 2px solid #0a0a0a;
    --gala-border-code: 1px solid #00000000;
    --gala-border-media-divider: 2px solid #0a0a0a;
    --gala-border-quote: 10px solid #ffd60a;
    --gala-border-row-divider: none;
    --gala-border-section-rule: 2px solid #0a0a0a;
    --gala-border-width: 2px;
    --gala-card-inset: 0;
    --gala-card-pad: 1rem 1.1rem 1.25rem;
    --gala-card-title-size: 1.1rem;
    --gala-chip-pad: 0.28rem 0.65rem;
    --gala-color-accent: #ffd60a;
    --gala-color-accent-2: #ff4fa3;
    --gala-color-border: #0a0a0a;
    --gala-color-btn-panel: #0a0a0a;
    --gala-color-btn-panel-text: #ffd60a;
    --gala-color-btn-text: #0a0a0a;
    --gala-color-canvas: #f2f2ee;
    --gala-color-chip-text: #0a0a0a;
    --gala-color-code-canvas: #0a0a0a;
    --gala-color-code-text: #f2f2ee;
    --gala-color-danger: #a8241c;
    --gala-color-focus: #0050ff;
    --gala-color-footer: #ffffff;
    --gala-color-header: #f2f2eeeb;
    --gala-color-icon-accent: #0a0a0a;
    --gala-color-input: #ffffff;
    --gala-color-input-border: #0a0a0a;
    --gala-color-link: #0a0a0a;
    --gala-color-link-underline: #ffd60a;
    --gala-color-link-underline-hover: #ff4fa3;
    --gala-color-link-visited: #4a4a4a;
    --gala-color-on-accent: #0a0a0a;
    --gala-color-overlay: #0a0e1473;
    --gala-color-panel-muted: #2b2b2b;
    --gala-color-panel-text: #0a0a0a;
    --gala-color-selection: #ffd60a;
    --gala-color-success: #1e6b3a;
    --gala-color-surface: #ffffff;
    --gala-color-surface-raised: #e7e7e1;
    --gala-color-syntax-comment: #8a8a8a;
    --gala-color-syntax-function: #8ac8ff;
    --gala-color-syntax-keyword: #ffd60a;
    --gala-color-syntax-number: #ff8ad0;
    --gala-color-syntax-string: #7dffb0;
    --gala-color-text: #0a0a0a;
    --gala-color-text-faint: #666666;
    --gala-color-text-muted: #383838;
    --gala-color-toc-active: #ffd60a;
    --gala-color-toc-active-text: #0a0a0a;
    --gala-color-warning: #7a4b00;
    --gala-content-measure: 42rem;
    --gala-decor-size: auto;
    --gala-display-max: 4.75rem;
    --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.3, 1.5, 0.6, 1);
    --gala-focus-width: 3px;
    --gala-font-body: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
    --gala-font-display: system-ui, Segoe UI, Roboto, sans-serif;
    --gala-font-label: SFMono-Regular, Menlo, Consolas, monospace;
    --gala-font-mono: SFMono-Regular, Menlo, Consolas, monospace;
    --gala-font-ui: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
    --gala-label-transform: uppercase;
    --gala-lift-x: -4px;
    --gala-lift-y: -4px;
    --gala-link-offset: -0.12em;
    --gala-link-offset-hover: -0.12em;
    --gala-link-skip-ink: none;
    --gala-link-thickness: 0.35em;
    --gala-media-filter: none;
    --gala-media-filter-hover: none;
    --gala-media-zoom: 1.045;
    --gala-paint-button: #ffd60a;
    --gala-paint-chip: #ffd60a;
    --gala-paint-page-decor: repeating-linear-gradient(
      -45deg,
      transparent 0 16px,
      #0000000b 16px 32px
    );
    --gala-paint-panel: #ffd60a;
    --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: uppercase;
    --gala-radius-avatar: 0;
    --gala-radius-large: 0;
    --gala-radius-media: 0;
    --gala-radius-medium: 0;
    --gala-radius-pill: 0;
    --gala-radius-small: 0;
    --gala-row-pad: 0;
    --gala-shadow-avatar-ring: 0 0 0 2px #0a0a0a;
    --gala-shadow-button: 4px 4px 0 #0a0a0a;
    --gala-shadow-card: 6px 6px 0 #0a0a0a;
    --gala-shadow-card-hover: 10px 10px 0 #0a0a0a;
    --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: uppercase;
    --gala-tracking-display: -0.045em;
    --gala-tracking-label: 0.04em;
    --gala-tracking-title: -0.02em;
    --gala-weight-display: 900;
    --gala-weight-normal: 400;
    --gala-weight-strong: 700;
    --gala-weight-title: 850;
    --gala-weight-ui: 560;
  }
  [data-gala-publication-root][data-gala-resolved-color-mode="dark"] {
    --gala-border-button: 2px solid #f5f5f0;
    --gala-border-card: 2px solid #f5f5f0;
    --gala-border-chip: 2px solid #f5f5f0;
    --gala-border-code: 2px solid #f5f5f0;
    --gala-border-media-divider: 2px solid #f5f5f0;
    --gala-border-quote: 10px solid #ffd60a;
    --gala-border-row-divider: none;
    --gala-border-section-rule: 2px solid #f5f5f0;
    --gala-border-width: 2px;
    --gala-card-inset: 0;
    --gala-card-pad: 1rem 1.1rem 1.25rem;
    --gala-card-title-size: 1.1rem;
    --gala-chip-pad: 0.28rem 0.65rem;
    --gala-color-accent: #ffd60a;
    --gala-color-accent-2: #ff4fa3;
    --gala-color-border: #f5f5f0;
    --gala-color-btn-panel: #0a0a0a;
    --gala-color-btn-panel-text: #ffd60a;
    --gala-color-btn-text: #0a0a0a;
    --gala-color-canvas: #0a0a0a;
    --gala-color-chip-text: #0a0a0a;
    --gala-color-code-canvas: #000000;
    --gala-color-code-text: #f5f5f0;
    --gala-color-danger: #ff8f8a;
    --gala-color-focus: #5c9bff;
    --gala-color-footer: #141414;
    --gala-color-header: #0a0a0aeb;
    --gala-color-icon-accent: #f5f5f0;
    --gala-color-input: #ffffff;
    --gala-color-input-border: #0a0a0a;
    --gala-color-link: #f5f5f0;
    --gala-color-link-underline: #ffd60a;
    --gala-color-link-underline-hover: #ff4fa3;
    --gala-color-link-visited: #c2c2c2;
    --gala-color-on-accent: #0a0a0a;
    --gala-color-overlay: #00000099;
    --gala-color-panel-muted: #2b2b2b;
    --gala-color-panel-text: #0a0a0a;
    --gala-color-selection: #5c4d00;
    --gala-color-success: #7fe0a0;
    --gala-color-surface: #141414;
    --gala-color-surface-raised: #1f1f1f;
    --gala-color-syntax-comment: #8a8a8a;
    --gala-color-syntax-function: #8ac8ff;
    --gala-color-syntax-keyword: #ffd60a;
    --gala-color-syntax-number: #ff8ad0;
    --gala-color-syntax-string: #7dffb0;
    --gala-color-text: #f5f5f0;
    --gala-color-text-faint: #8f8f88;
    --gala-color-text-muted: #cfcfc8;
    --gala-color-toc-active: #ffd60a;
    --gala-color-toc-active-text: #0a0a0a;
    --gala-color-warning: #ffcf66;
    --gala-content-measure: 42rem;
    --gala-decor-size: auto;
    --gala-display-max: 4.75rem;
    --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.3, 1.5, 0.6, 1);
    --gala-focus-width: 3px;
    --gala-font-body: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
    --gala-font-display: system-ui, Segoe UI, Roboto, sans-serif;
    --gala-font-label: SFMono-Regular, Menlo, Consolas, monospace;
    --gala-font-mono: SFMono-Regular, Menlo, Consolas, monospace;
    --gala-font-ui: ui-sans-serif, system-ui, Segoe UI, Roboto, sans-serif;
    --gala-label-transform: uppercase;
    --gala-lift-x: -4px;
    --gala-lift-y: -4px;
    --gala-link-offset: -0.12em;
    --gala-link-offset-hover: -0.12em;
    --gala-link-skip-ink: none;
    --gala-link-thickness: 0.35em;
    --gala-media-filter: none;
    --gala-media-filter-hover: none;
    --gala-media-zoom: 1.045;
    --gala-paint-button: #ffd60a;
    --gala-paint-chip: #ffd60a;
    --gala-paint-page-decor: repeating-linear-gradient(
      -45deg,
      transparent 0 16px,
      #ffffff0d 16px 32px
    );
    --gala-paint-panel: #ffd60a;
    --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: uppercase;
    --gala-radius-avatar: 0;
    --gala-radius-large: 0;
    --gala-radius-media: 0;
    --gala-radius-medium: 0;
    --gala-radius-pill: 0;
    --gala-radius-small: 0;
    --gala-row-pad: 0;
    --gala-shadow-avatar-ring: 0 0 0 2px #f5f5f0;
    --gala-shadow-button: 4px 4px 0 #f5f5f0;
    --gala-shadow-card: 6px 6px 0 #f5f5f0;
    --gala-shadow-card-hover: 10px 10px 0 #f5f5f0;
    --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: uppercase;
    --gala-tracking-display: -0.045em;
    --gala-tracking-label: 0.04em;
    --gala-tracking-title: -0.02em;
    --gala-weight-display: 900;
    --gala-weight-normal: 400;
    --gala-weight-strong: 700;
    --gala-weight-title: 850;
    --gala-weight-ui: 560;
  }
}