:root {
  --lab-paper:          #F5F2EA;
  --lab-surface:        #FBF9F4;
  --lab-surface-sunk:   #ECE7DC;
  --lab-ink:            #16222C;
  --lab-ink-2:          #4B5965;
  --lab-ink-3:          #5A6671;
  --lab-line:           #DDD6C8;
  --lab-line-strong:    #8E8A80;
  --lab-gold:           #B08D4A;
  --lab-gold-ink:       #7D6128;
  --lab-focus:          #8A6A2C;
  --lab-on-ink:         #F5F2EA;
  --lab-night:          #1E2E52;
  --lab-night-2:        #24365F;
  --lab-night-line:     #3B4F7C;
  --lab-on-night:       #F2EEE4;
  --lab-on-night-2:     #B8C2D6;
  --lab-gold-on-night:  #C9A961;
  --lab-data-steady:    #3F6B5A;
  --lab-data-attention: #8A5A12;
  --draft-paper:        #F7F4EC;
  --draft-ink:          #1A242D;
  --draft-rule:         #B08D4A;
  --lab-font-ui:     "Source Sans 3", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --lab-font-serif:  "Source Serif 4", "Iowan Old Style", "Palatino", Georgia, serif;
  --lab-font-ar:     "Noto Naskh Arabic", "Geeza Pro", serif;
  --lab-font-ar-ui:  "IBM Plex Sans Arabic", "SF Arabic", "Geeza Pro", sans-serif;
  --lab-ar-leading:  1.8;
  --lab-font-mono:   "Source Code Pro", "SF Mono", Menlo, monospace;
  --lab-text-xs:   12px;
  --lab-text-sm:   14px;
  --lab-text-md:   16px;
  --lab-text-lg:   18px;
  --lab-text-xl:   22px;
  --lab-text-2xl:  30px;
  --lab-text-3xl:  40px;
  --lab-leading-ui:    1.45;
  --lab-leading-read:  1.6;
  --lab-tracking-caps: 0.18em;
  --lab-weight-regular: 400;
  --lab-weight-medium:  600;
  --lab-space-1: 4px;
  --lab-space-2: 8px;
  --lab-space-3: 12px;
  --lab-space-4: 16px;
  --lab-space-5: 24px;
  --lab-space-6: 32px;
  --lab-space-7: 48px;
  --lab-space-8: 64px;
  --lab-space-9: 96px;
  --lab-measure: 66ch;
  --lab-bar-height: 56px;
  --lab-target: 44px;
  --lab-radius-1: 2px;
  --lab-radius-2: 4px;
  --lab-radius-3: 8px;
  --lab-shadow-page:  0 1px 2px rgba(22, 34, 44, .08), 0 8px 28px rgba(22, 34, 44, .10);
  --lab-shadow-panel: 0 1px 2px rgba(22, 34, 44, .06), 0 4px 16px rgba(22, 34, 44, .08);
  --lab-ease:        cubic-bezier(.2, 0, 0, 1);
  --lab-dur-fast:    160ms;
  --lab-dur-base:    240ms;
  --lab-dur-slow:    480ms;
  --lab-dur-breathe: 4000ms;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --lab-paper:         #10171D;
    --lab-surface:       #18222A;
    --lab-surface-sunk:  #0B1116;
    --lab-ink:           #E8E3D7;
    --lab-ink-2:         #9DA7B0;
    --lab-ink-3:         #8893A0;
    --lab-line:          #26323C;
    --lab-line-strong:   #5B6670;
    --lab-gold:          #C9A961;
    --lab-gold-ink:      #C9A961;
    --lab-focus:         #C9A961;
    --lab-on-ink:        #10171D;
    --lab-data-steady:    #7FB39E;
    --lab-data-attention: #D9A458;
    --lab-shadow-page:  0 1px 2px rgba(0, 0, 0, .4), 0 10px 32px rgba(0, 0, 0, .45);
    --lab-shadow-panel: 0 1px 2px rgba(0, 0, 0, .35), 0 6px 20px rgba(0, 0, 0, .35);
  }
}
:root[data-theme="dark"] {
  --lab-paper:         #10171D;
  --lab-surface:       #18222A;
  --lab-surface-sunk:  #0B1116;
  --lab-ink:           #E8E3D7;
  --lab-ink-2:         #9DA7B0;
  --lab-ink-3:         #8893A0;
  --lab-line:          #26323C;
  --lab-line-strong:   #5B6670;
  --lab-gold:          #C9A961;
  --lab-gold-ink:      #C9A961;
  --lab-focus:         #C9A961;
  --lab-on-ink:        #10171D;
  --lab-data-steady:    #7FB39E;
  --lab-data-attention: #D9A458;
  --lab-shadow-page:  0 1px 2px rgba(0, 0, 0, .4), 0 10px 32px rgba(0, 0, 0, .45);
  --lab-shadow-panel: 0 1px 2px rgba(0, 0, 0, .35), 0 6px 20px rgba(0, 0, 0, .35);
}
@media (prefers-reduced-motion: reduce) {
  :root { --lab-dur-fast: 0ms; --lab-dur-base: 0ms; --lab-dur-slow: 0ms; --lab-dur-breathe: 0ms; }
}