@layer gala-tokens {
  [data-gala-publication-root] {
    --gala-border-button: 1px solid #00000000;
    --gala-border-card: 1px solid #e2e6ec;
    --gala-border-chip: 1px solid #00000000;
    --gala-border-media-divider: none;
    --gala-border-quote: 4px solid #2b59ff;
    --gala-border-row-divider: none;
    --gala-border-section-rule: none;
    --gala-color-accent: #2b59ff;
    --gala-color-border: #e2e6ec;
    --gala-color-btn-panel: #ffffff;
    --gala-color-btn-panel-text: #2b59ff;
    --gala-color-btn-text: #ffffff;
    --gala-color-canvas: #f7f8fa;
    --gala-color-chip-text: #1d3fc4;
    --gala-color-focus: #2b59ff;
    --gala-color-footer: #ffffff;
    --gala-color-header: #f7f8fac7;
    --gala-color-icon-accent: #2b59ff;
    --gala-color-link: #2148e0;
    --gala-color-link-underline: #2148e059;
    --gala-color-link-underline-hover: #2148e0;
    --gala-color-on-accent: #ffffff;
    --gala-color-panel-text: #ffffff;
    --gala-color-selection: #cfdbff;
    --gala-color-surface: #ffffff;
    --gala-color-surface-raised: #eef1f5;
    --gala-color-text: #0f1419;
    --gala-color-text-faint: #8a94a3;
    --gala-color-text-muted: #556070;
    --gala-color-toc-active-text: #0f1419;
    --gala-paint-button: #2b59ff;
    --gala-paint-chip: #e8eeff;
    --gala-paint-page-decor: radial-gradient(60rem 28rem at 88% -8%, #dfe7ff 0%, transparent 62%);
    --gala-paint-panel: linear-gradient(135deg, #1d3fc4, #2b59ff 55%, #007c7c);
    --gala-shadow-avatar-ring: 0 0 0 2px #f7f8fa, 0 0 0 3px #e2e6ec;
    --gala-shadow-button: 0 1px 2px #1018281f, 0 6px 16px -8px #2b59ff8c;
  }
  @media (prefers-color-scheme: dark) {
    [data-gala-publication-root] {
      --gala-border-button: 1px solid #00000000;
      --gala-border-card: 1px solid #232a34;
      --gala-border-chip: 1px solid #00000000;
      --gala-border-media-divider: none;
      --gala-border-quote: 4px solid #7b97ff;
      --gala-border-row-divider: none;
      --gala-border-section-rule: none;
      --gala-color-accent: #7b97ff;
      --gala-color-border: #232a34;
      --gala-color-btn-panel: #ffffff;
      --gala-color-btn-panel-text: #18245c;
      --gala-color-btn-text: #0b1020;
      --gala-color-canvas: #0b0d11;
      --gala-color-chip-text: #b5c6ff;
      --gala-color-focus: #9db2ff;
      --gala-color-footer: #12161c;
      --gala-color-header: #0b0d11b8;
      --gala-color-icon-accent: #7b97ff;
      --gala-color-link: #9db2ff;
      --gala-color-link-underline: #9db2ff59;
      --gala-color-link-underline-hover: #9db2ff;
      --gala-color-on-accent: #0b1020;
      --gala-color-panel-text: #ffffff;
      --gala-color-selection: #2a3a7a;
      --gala-color-surface: #12161c;
      --gala-color-surface-raised: #1a1f27;
      --gala-color-text: #e8ecf2;
      --gala-color-text-faint: #6b7686;
      --gala-color-text-muted: #9aa5b5;
      --gala-color-toc-active-text: #e8ecf2;
      --gala-paint-button: #7b97ff;
      --gala-paint-chip: #1a2346;
      --gala-paint-page-decor: radial-gradient(60rem 28rem at 88% -8%, #17204a 0%, transparent 62%);
      --gala-paint-panel: linear-gradient(135deg, #18245c, #2a3f9e 55%, #0f6f6c);
      --gala-shadow-avatar-ring: 0 0 0 2px #0b0d11, 0 0 0 3px #232a34;
      --gala-shadow-button: 0 6px 18px -8px #7b97ff99;
    }
  }
  [data-gala-publication-root][data-gala-resolved-color-mode="light"] {
    --gala-border-button: 1px solid #00000000;
    --gala-border-card: 1px solid #e2e6ec;
    --gala-border-chip: 1px solid #00000000;
    --gala-border-media-divider: none;
    --gala-border-quote: 4px solid #2b59ff;
    --gala-border-row-divider: none;
    --gala-border-section-rule: none;
    --gala-color-accent: #2b59ff;
    --gala-color-border: #e2e6ec;
    --gala-color-btn-panel: #ffffff;
    --gala-color-btn-panel-text: #2b59ff;
    --gala-color-btn-text: #ffffff;
    --gala-color-canvas: #f7f8fa;
    --gala-color-chip-text: #1d3fc4;
    --gala-color-focus: #2b59ff;
    --gala-color-footer: #ffffff;
    --gala-color-header: #f7f8fac7;
    --gala-color-icon-accent: #2b59ff;
    --gala-color-link: #2148e0;
    --gala-color-link-underline: #2148e059;
    --gala-color-link-underline-hover: #2148e0;
    --gala-color-on-accent: #ffffff;
    --gala-color-panel-text: #ffffff;
    --gala-color-selection: #cfdbff;
    --gala-color-surface: #ffffff;
    --gala-color-surface-raised: #eef1f5;
    --gala-color-text: #0f1419;
    --gala-color-text-faint: #8a94a3;
    --gala-color-text-muted: #556070;
    --gala-color-toc-active-text: #0f1419;
    --gala-paint-button: #2b59ff;
    --gala-paint-chip: #e8eeff;
    --gala-paint-page-decor: radial-gradient(60rem 28rem at 88% -8%, #dfe7ff 0%, transparent 62%);
    --gala-paint-panel: linear-gradient(135deg, #1d3fc4, #2b59ff 55%, #007c7c);
    --gala-shadow-avatar-ring: 0 0 0 2px #f7f8fa, 0 0 0 3px #e2e6ec;
    --gala-shadow-button: 0 1px 2px #1018281f, 0 6px 16px -8px #2b59ff8c;
  }
  [data-gala-publication-root][data-gala-resolved-color-mode="dark"] {
    --gala-border-button: 1px solid #00000000;
    --gala-border-card: 1px solid #232a34;
    --gala-border-chip: 1px solid #00000000;
    --gala-border-media-divider: none;
    --gala-border-quote: 4px solid #7b97ff;
    --gala-border-row-divider: none;
    --gala-border-section-rule: none;
    --gala-color-accent: #7b97ff;
    --gala-color-border: #232a34;
    --gala-color-btn-panel: #ffffff;
    --gala-color-btn-panel-text: #18245c;
    --gala-color-btn-text: #0b1020;
    --gala-color-canvas: #0b0d11;
    --gala-color-chip-text: #b5c6ff;
    --gala-color-focus: #9db2ff;
    --gala-color-footer: #12161c;
    --gala-color-header: #0b0d11b8;
    --gala-color-icon-accent: #7b97ff;
    --gala-color-link: #9db2ff;
    --gala-color-link-underline: #9db2ff59;
    --gala-color-link-underline-hover: #9db2ff;
    --gala-color-on-accent: #0b1020;
    --gala-color-panel-text: #ffffff;
    --gala-color-selection: #2a3a7a;
    --gala-color-surface: #12161c;
    --gala-color-surface-raised: #1a1f27;
    --gala-color-text: #e8ecf2;
    --gala-color-text-faint: #6b7686;
    --gala-color-text-muted: #9aa5b5;
    --gala-color-toc-active-text: #e8ecf2;
    --gala-paint-button: #7b97ff;
    --gala-paint-chip: #1a2346;
    --gala-paint-page-decor: radial-gradient(60rem 28rem at 88% -8%, #17204a 0%, transparent 62%);
    --gala-paint-panel: linear-gradient(135deg, #18245c, #2a3f9e 55%, #0f6f6c);
    --gala-shadow-avatar-ring: 0 0 0 2px #0b0d11, 0 0 0 3px #232a34;
    --gala-shadow-button: 0 6px 18px -8px #7b97ff99;
  }
}