:where(:root) {
  --jp-ui-black: #000000;
  --jp-ui-white: #ffffff;
  --jp-ui-neutral: #14181b;
  --jp-ui-bg: color-mix(in oklab, var(--jp-ui-neutral) 4%, var(--jp-ui-white));
  --jp-ui-accent: #0f61cc;
  --jp-ui-surface: color-mix(in oklab, var(--jp-ui-bg) 12%, var(--jp-ui-white));
  --jp-ui-panel: color-mix(in oklab, var(--jp-ui-bg) 76%, var(--jp-ui-white));
  --jp-ui-panel-strong: color-mix(in oklab, var(--jp-ui-bg) 92%, var(--jp-ui-neutral));
  --jp-ui-border: color-mix(in oklab, var(--jp-ui-bg) 80%, var(--jp-ui-neutral));
  --jp-ui-text: color-mix(in oklab, var(--jp-ui-neutral) 86%, var(--jp-ui-bg));
  --jp-ui-text-strong: color-mix(in oklab, var(--jp-ui-neutral) 92%, var(--jp-ui-black));
  --jp-ui-text-muted: color-mix(in oklab, var(--jp-ui-neutral) 56%, var(--jp-ui-bg));
  --jp-ui-text-muted-strong: color-mix(in oklab, var(--jp-ui-neutral) 68%, var(--jp-ui-bg));
  --jp-sortable-drag-dot: color-mix(in oklab, var(--jp-ui-text-muted) 76%, transparent);
  --jp-ui-accent-soft: color-mix(in oklab, var(--jp-ui-accent) 18%, var(--jp-ui-surface));
  --jp-ui-accent-secondary: color-mix(in oklab, var(--jp-ui-accent) 62%, var(--jp-ui-neutral));
  --jp-ui-accent-secondary-soft: color-mix(in oklab, var(--jp-ui-accent-secondary) 16%, var(--jp-ui-surface));
  --jp-ui-input-bg: color-mix(in oklab, var(--jp-ui-surface) 82%, var(--jp-ui-panel));
  --jp-ui-accent-glow: color-mix(in oklab, var(--jp-ui-accent) 20%, transparent);
  --jp-ui-accent-secondary-glow: color-mix(in oklab, var(--jp-ui-accent-secondary) 18%, transparent);
  --jp-ui-focus-ring: color-mix(in oklab, var(--jp-ui-accent) 78%, var(--jp-ui-white));
  --jp-ui-danger: #b42318;
  --jp-ui-shadow: 0px 12px 24px color-mix(in oklab, var(--jp-ui-neutral) 8%, transparent);
  --jp-ui-font-heading: Georgia, "Times New Roman", serif;
  --jp-ui-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --jp-ui-corner-radius: 10px;
  --jp-ui-card-pad: 16px;
  --jp-ui-card-compact-pad: 12px;
  --jp-ui-field-pad-y: 10px;
  --jp-ui-field-pad-x: 12px;
  --jp-ui-select-pad-right: 36px;
  --jp-ui-bulk-actions-pad-y: 10px;
  --jp-ui-bulk-actions-pad-x: 12px;
  --jp-ui-icon-card-grid-card-pad: 18px;
  --jp-ui-contact-fact-pad: 16px;
  --jp-ui-quote-card-pad: 24px;
  --jp-ui-profile-spotlight-card-pad: 20px;
  --jp-ui-profile-spotlight-card-pad-mobile: 16px;
  --jp-ui-spotlight-profile-pad: 12px;
  --jp-ui-pagination-pad-y: 8px;
  --jp-ui-pagination-pad-x: 10px;
  --jp-ui-page-pad-top: 32px;
  --jp-ui-page-pad-bottom: 32px;
  --jp-ui-section-max-width: 1200px;
  --jp-ui-section-pad-x: 4vw;
  --jp-ui-button-pad-y: 10px;
  --jp-ui-button-pad-x: 14px;
  --jp-ui-button-sm-pad-y: 8px;
  --jp-ui-button-sm-pad-x: 12px;
  --jp-ui-button-lg-pad-y: 12px;
  --jp-ui-button-lg-pad-x: 16px;
  --jp-ui-button-compact-pad-y: 6px;
  --jp-ui-button-compact-pad-x: 10px;
  --jp-ui-toolbar-pad-y: 12px;
  --jp-ui-toolbar-pad-x: 16px;
  --jp-ui-toolbar-field-pad-y: 8px;
  --jp-ui-toolbar-field-pad-x: 12px;
  --jp-ui-accordion-pad-y: 12px;
  --jp-ui-accordion-pad-x: 14px;
  --jp-ui-modal-pad-x: 16px;
  --jp-ui-modal-pad-bottom: 32px;
  --jp-ui-modal-box-pad: 20px;
  --jp-ui-tab-gap: 8px;
  --jp-ui-tab-pad: 8px;
  --jp-ui-tab-radius: 12px;
  --jp-ui-chip-gap: 8px;
  --jp-ui-chip-pad-x: 10px;
  --jp-ui-chip-pad-y: 5px;
  --jp-ui-chip-radius: 999px;
  --jp-ui-chip-accent: var(--jp-ui-accent);
  --jp-ui-chip-accent-foreground: var(--jp-ui-bg);
  --jp-ui-btn-primary-glow: 14px;
  --jp-ui-nav-height: 64px;
  --jp-ui-nav-item-gap: 4px;
  --jp-ui-nav-panel-pad: 10px;
  --jp-ui-nav-link-pad-y: 10px;
  --jp-ui-nav-link-pad-x: 14px;
  --jp-ui-nav-dropdown-pad: 6px;
  --jp-ui-nav-dropdown-item-pad-y: 8px;
  --jp-ui-nav-dropdown-item-pad-x: 10px;
  --jp-ui-nav-nested-item-pad-left: 12px;
  --jp-ui-sticky-top: var(--jp-ui-nav-height);
  --jp-ui-sticky-z: 240;
}