:root {
  --appearanceTile: #fff;
  --appearanceTilePale: rgba(0,0,0,0.04);
  --appearanceTileReversed: #333;
  --appearanceTilePaleReversed: rgba(255,255,255,0.08);
  --appearanceSeparator: rgba(0,0,0,0.08);
  --appearanceSeparatorReversed: rgba(255,255,255,0.16);
  --appearanceScreen: #f5f5f5;
  --appearanceGlyph: rgba(0,0,0,0.5);
  --appearanceGlyphSilenced: rgba(0,0,0,0.375);
  --appearanceGlyphSwitchedoff: rgba(0,0,0,0.25);
  --appearanceGlyphReversed: rgba(255,255,255,0.9);
  --appearanceGlyphSilencedReversed: rgba(255,255,255,0.675);
  --appearanceGlyphSwitchedoffReversed: rgba(255,255,255,0.44999999999999996);
  --appearanceFieldBorder: rgba(0,0,0,0.16);
  --appearanceFieldBorderReversed: rgba(255,255,255,0.36);
  --appearanceBtn: #f0f0f0;
  --appearanceBtnHover: #e6e6e6;
  --appearanceOverlayDense: rgba(0, 0, 0, 0.85);
  --appearanceOverlayMid: rgba(0, 0, 0, 0.55);
  --appearanceOverlaySlim: rgba(0, 0, 0, 0.25);
  --appearanceOverlayBonusSlim: rgba(0, 0, 0, 0.12);
  --appearanceOverlayDenseReversed: rgba(255, 255, 255, 0.95);
  --appearanceOverlayMidReversed: rgba(255, 255, 255, 0.55);
  --appearanceOverlaySlimReversed: rgba(255, 255, 255, 0.25);
  --appearanceOverlayBonusSlimReversed: rgba(255, 255, 255, 0.12);
  --appearanceFuzzDense: 32px;
  --appearanceFuzzMid: 16px;
  --appearanceFuzzSlim: 8px;
  --appearanceCopyColor: rgba(0,0,0,0.85);
  --appearanceCopyColorSilenced: rgba(0,0,0,0.5);
  --appearanceCopyColorSwitchedoff: rgba(0,0,0,0.3);
  --appearanceCopyColorReversed: rgba(255,255,255,0.9);
  --appearanceCopyColorSilencedReversed: rgba(255,255,255,0.6);
  --appearanceCopyColorSwitchedoffReversed: rgba(255,255,255,0.4);
  --appearanceLabel: #7f7f7f;
  --appearanceLabelHazy: rgba(0,0,0,0.5);
  --appearanceLabelReversed: #fff;
  --appearanceUmbra1: 0 1px 0 0 rgba(0, 0, 0, 0.08), 0 0 2px 0 rgba(0, 0, 0, 0.18);
  --appearanceUmbra2: 0 1px 4px 0 rgba(0, 0, 0, 0.04), 0 0 4px 0 rgba(0, 0, 0, 0.18);
  --appearanceUmbra3: 0 0 8px 0 rgba(0, 0, 0, 0.18);
  --appearanceUmbra4: 0 0 16px rgba(0, 0, 0, 0.18);
  --appearanceCorner: 6px;
  --appearanceCornerCompact: 100px;
  --appearanceCornerWide: 100px;
  --appearanceCornerBar: 0;
  --appearanceShiftPace: 200ms;
  --appearanceShiftEase: cubic-bezier(0.39, 0, 0.17, 0.99);
  --appearanceShift: all 200ms cubic-bezier(0.39, 0, 0.17, 0.99);
  --appearanceTypefaceFamily: Display, Arial, Helvetica, sans-serif;
  --appearanceTypefaceExtent: 14px;
  --appearanceLineTall: 24px;
  --appearanceH1: 24px/36px Display, Arial, Helvetica, sans-serif;
  --appearanceH2: 18px/28px Display, Arial, Helvetica, sans-serif;
  --appearanceH3: 16px/24px Display, Arial, Helvetica, sans-serif;
  --appearanceH4: bold 14px/20px Display, Arial, Helvetica, sans-serif;
  --appearanceH5: bold 12px/16px Display, Arial, Helvetica, sans-serif;
  --appearanceHeading1: 96px/112px Display, Arial, Helvetica, sans-serif;
  --appearanceHeading2: 60px/70px Display, Arial, Helvetica, sans-serif;
  --appearanceHeading3: 48px/56px Display, Arial, Helvetica, sans-serif;
  --appearanceHeading4: 34px/40px Display, Arial, Helvetica, sans-serif;
  --appearanceCopy: 14px/20px Display, Arial, Helvetica, sans-serif;
  --appearanceCopyCompact: 12px/16px Display, Arial, Helvetica, sans-serif;
}