/* Data Priced design tokens: every color on the site lives here. Change a value once and it
   changes everywhere (style.css, privacy.html, 404.html, and the layers app.js draws).
   Neutral white/black overlays for shading and glass stay in style.css; they carry no hue. */
:root {
  /* Surfaces and text */
  --bg: #111214;
  --bg-2: #1c1e22;
  --bg-3: #26292e;
  --ink: #f2f2f2;
  --ink-2: #a2a4a9;
  --ink-3: #6f7277;
  --ink-body: #c4c6ca;
  --line: #2a2d32;
  --pill-bg: #1a1b1e;

  /* Copper: the one accent. Buttons, selections, focus, the check mark and the badge. */
  --accent: #d4906e;
  --accent-hover: #e0a283;
  --accent-ink: #1a1210;
  --accent-deep: #b46a4b;

  /* Errors */
  --danger: #e0624f;

  /* Stage lighting */
  --spot: #2a2d33;
  --spot-edge: #111214;
  --floor: rgba(0, 0, 0, .7);
  --glass: rgba(255, 255, 255, .14);

  /* Core sample strata: one color per kind of answer */
  --strata-bedrock: #3b3f46;
  --strata-people: #8d8a83;
  --strata-comms: #93ab98;
  --strata-docs: #d6c3a0;
  --strata-struct: #b46a4b;
  --strata-history: #6e5444;
  --strata-volume: #e6e0d4;

  /* Industry layer, one per answer */
  --ind-software: #7d867f;
  --ind-finance: #6f9484;
  --ind-pro: #8a8178;
  --ind-retail: #a88268;
  --ind-industrial: #7f8a6c;
  --ind-realestate: #9a8a72;
  --ind-agency: #a0717f;
  --ind-health: #8b78a0;
  --ind-kids: #a2897a;
  --ind-other: #82807a;

  /* "What micro1 pays" tier bands, darkest to brightest */
  --tier-1: #2a211d;
  --tier-2: #4d3226;
  --tier-2-ink: #d9c2b6;
  --tier-3: #a35f43;
  --tier-3-ink: #f6e6dc;

  color-scheme: dark;
}