/* The light appearance, shared by the workspace and the account home. */
:root[data-theme="light"] {
  color-scheme: light;
  --mineral-1000: #f4f7f6;
  /* The dark appearance separates these by one step each; collapsing both to
     white flattened panel, card and page into one surface, so a drawer over a
     conversation read as a sheet of nothing. */
  --mineral-950: #ffffff;
  --mineral-900: #fafcfb;
  --mineral-850: #f0f5f3;
  --mineral-800: #e8efec;
  --mineral-750: #e2ebe7;
  --mineral-700: #c8d8d0;
  --code-surface: #e9efec;
  --mineral-600: #62776d;
  /* Text on a light surface has to be darker than the dark theme's mid greys:
     these three are read as prose, not as chrome. */
  --mineral-500: #52665b;
  --mineral-400: #425a4d;
  --mineral-300: #344e40;
  --limestone-100: #152d23;
  --limestone-200: #253e33;
  --limestone-300: #52685e;
  --emerald-300: #006548;
  --emerald-400: #007653;
  --emerald-500: #00845d;
  --emerald-600: #00805a;
  --emerald-900: #dbf2e7;
  --emerald-wash: rgb(0 118 83 / 7%);
  --emerald-glow: rgb(0 118 83 / 24%);
  --gold-300: #735317;
  --gold-400: #80601e;
  --cyan-400: #126573;
  --green-400: #216a40;
  --amber-400: #80520f;
  --red-400: #b5293b;
  --surface-glass-strong: rgb(255 255 255 / 96%);
  --surface-glass-soft: rgb(244 247 246 / 94%);
  --border-soft: rgb(21 45 35 / 9%);
  --border-mid: rgb(21 45 35 / 15%);
  --border-strong: rgb(21 45 35 / 24%);
  --overlay: rgb(21 45 35 / 30%);
  --shadow-float: 0 12px 40px rgb(21 45 35 / 14%);
}