/* Loaded before React. Semantic roles shared by the initial shell and landing. */
:root, :root[data-theme="light"] {
  --booh-bg: #faf9f7;
  --booh-panel: #ffffff;
  --booh-float: #ffffff;
  --booh-soft: #f0edf2;
  --booh-text: #22212a;
  --booh-muted: #67616e;
  --booh-line: #dfdbe3;
  --booh-purple: #795399;
  --booh-button: #302638;
  --booh-button-text: #ffffff;
  --booh-button-hover: #4c385d;
  --booh-glass: rgba(250, 249, 247, .94);
  --booh-halo: rgba(135, 103, 167, .025);
  --booh-focus: #795399;
  --booh-selection: #e2d3ee;
  --booh-selection-text: #2d203a;
  --booh-success: #347453;
  --booh-success-bg: #edf5ef;
  --booh-success-line: #bed4c5;
  --booh-shadow-color: rgba(38, 30, 47, .06);
  --booh-object-shadow: 0 24px 56px -26px rgba(40, 35, 49, .2), 0 4px 12px rgba(40, 35, 49, .025);
  --booh-float-shadow: 0 12px 36px -12px rgba(40, 35, 49, .15), 0 2px 6px rgba(40, 35, 49, .025);
  --booh-core-top: #e7e1eb;
  --booh-core-middle: #d7ccdf;
  --booh-core-bottom: #b6a7c1;
}
:root[data-theme="dark"] {
  --booh-bg: #0b0c10;
  --booh-panel: #14151b;
  --booh-float: #22242d;
  --booh-soft: #22232c;
  --booh-text: #f3f1f5;
  --booh-muted: #aaa5b2;
  --booh-line: #33313d;
  --booh-purple: #bd9ed8;
  --booh-button: #eee9f5;
  --booh-button-text: #211927;
  --booh-button-hover: #dac7e9;
  --booh-glass: rgba(11, 12, 16, .93);
  --booh-halo: rgba(120, 79, 160, .035);
  --booh-focus: #c6a7e5;
  --booh-selection: #63427e;
  --booh-selection-text: #ffffff;
  --booh-success: #9ccdb3;
  --booh-success-bg: #1b3027;
  --booh-success-line: #365b48;
  --booh-shadow-color: rgba(0, 0, 0, .12);
  --booh-object-shadow: 0 24px 56px -24px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .08);
  --booh-float-shadow: 0 12px 36px -12px rgba(0, 0, 0, .32), 0 2px 6px rgba(0, 0, 0, .08);
  --booh-core-top: #514257;
  --booh-core-middle: #292330;
  --booh-core-bottom: #17131c;
}