/* MouseWatcher design tokens — the single source of truth for colors and fonts.
 *
 * Derived shades are PRECOMPUTED sassc output from the old SCSS build (plain
 * CSS cannot compute them). Provenance noted per line; recompute if a base
 * color ever changes.
 *
 * NOTE: mailer.css and pdf.css intentionally do NOT use these variables —
 * premailer-inlined email and wkhtmltopdf's old WebKit lack custom-property
 * support. Their literal values must be kept in sync with this file.
 */
:root {
  /* Base palette (formerly mousewatcher/_variables.scss) */
  --white: #fff;
  --black: #000;

  --border-gray: #e3e8ee;
  --faint-gray: #f2f5f7; /* 2% lightBlue, 3% black (40/60) */
  --dark-gray: #333;
  --gray: #666;

  --dark-blue: #006eb3;
  --light-blue: #009fe3;

  --base-green: #3ec300;
  --green: #3ab800;
  --dark-green: #2d8f00;

  --red: #ca2a2a;
  --yellow: yellow;
  --orange: #f60;
  --purple: #96f;

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

  /* Derived shades (precomputed sassc output) */
  --dark-blue-shade-2p5: #0066a6; /* darken(--dark-blue, 2.5%) */
  --dark-blue-shade-5: #005e9a; /* darken(--dark-blue, 5%) */
  --dark-blue-shade-10: #004f80; /* darken(--dark-blue, 10%) */
  --dark-blue-tint-2: #0074bd; /* lighten(--dark-blue, 2%) */

  --light-blue-tint-2: #00a6ed; /* lighten(--light-blue, 2%) */

  --green-shade-5: #329f00; /* darken(--green, 5%) */
  --green-shade-10: #2a8500; /* darken(--green, 10%) */
  --green-tint-2: #3dc200; /* lighten(--green, 2%) */

  --red-shade-10: #a02121; /* darken(--red, 10%) */
  --red-tint-2: #d22c2c; /* lighten(--red, 2%) */

  --faint-gray-shade-3: #e9eef1; /* darken(--faint-gray, 3%) */
  --faint-gray-shade-10: #d2dde4; /* darken(--faint-gray, 10%) */

  --dark-gray-alpha-50: rgba(51, 51, 51, 0.5); /* rgba(--dark-gray, 0.5) */
  /* rgba(darken(--faint-gray, 50%), 0.1); intermediate = #597b91 */
  --faint-gray-shade-50-alpha-10: rgba(89, 123, 145, 0.1);
}