/* Lexe's palette, mirroring `LxColors` in `public/app/lib/style.dart`.
 *
 * The whole palette is mirrored, not just the steps the sites use today, so
 * the two lists can be diffed against each other. Raw values only, so each
 * consumer can express its own semantics over one set of brand colors;
 * the semantic aliases point into the grey ramp just as `LxColors` does.
 *
 * `--lx-accent` is the sole web-only token, with no `LxColors` counterpart. */

:root {
  --lx-background: var(--lx-grey-900);
  --lx-foreground: var(--lx-grey-200);
  --lx-fg-secondary: var(--lx-grey-350);
  --lx-fg-tertiary: var(--lx-grey-650);

  /* hsl(198deg 35% 34%) - an off-grey carrying the same cyan cast as the
     greys, for links and hover states. moneyGoUp is reserved for deliberate
     emphasis rather than general chrome. */
  --lx-accent: #386375;

  --lx-money-go-up: #14b87d;
  --lx-money-go-up-secondary: #abe0cd;
  --lx-error-text: #b82a14;
  --lx-link-text: #8d60fb;
  --lx-warning-text: #eb5d47;
  --lx-warning-background: #c5cae9;

  /* A half-transparent red for debugging. */
  --lx-debug: #ff0000aa;

  /* Greys */

  --lx-grey-0: #000000;
  --lx-grey-25: #020303;
  --lx-grey-50: #050607;
  --lx-grey-75: #090b0c;
  --lx-grey-100: #0d1011;
  --lx-grey-125: #111415;
  --lx-grey-150: #141819;
  --lx-grey-175: #181c1e;
  --lx-grey-200: #1c2123;
  --lx-grey-225: #212628;
  --lx-grey-250: #262b2e;
  --lx-grey-275: #2b3134;
  --lx-grey-300: #31383b;
  --lx-grey-325: #373f42;
  --lx-grey-350: #3e464a;
  --lx-grey-375: #454e52;
  --lx-grey-400: #4c565a;
  --lx-grey-425: #545e63;
  --lx-grey-450: #5c676c;
  --lx-grey-475: #647075;
  --lx-grey-500: #6c797f;
  --lx-grey-525: #748288;
  --lx-grey-550: #7d8c92;
  --lx-grey-575: #85959c;
  --lx-grey-600: #8e9ea5;
  --lx-grey-625: #96a7af;
  --lx-grey-650: #9eb0b8;
  --lx-grey-675: #a6b9c1;
  --lx-grey-700: #aec2ca;
  --lx-grey-725: #b6cad2;
  --lx-grey-750: #c0d1d8;
  --lx-grey-775: #cad8de;
  --lx-grey-800: #d3dee3;
  --lx-grey-825: #dbe4e8;
  --lx-grey-850: #e3eaed;
  --lx-grey-875: #e9eff1;
  --lx-grey-900: #eff3f5;
  --lx-grey-925: #f4f7f8;
  --lx-grey-950: #f9fafb;
  --lx-grey-975: #fcfdfd;
  --lx-grey-1000: #ffffff;

  /* White with transparency */

  --lx-clear-w-0: #ffffff00;
  --lx-clear-w-100: #ffffff19;
  --lx-clear-w-200: #ffffff33;
  --lx-clear-w-300: #ffffff4c;
  --lx-clear-w-400: #ffffff66;
  --lx-clear-w-500: #ffffff7f;
  --lx-clear-w-600: #ffffff99;
  --lx-clear-w-700: #ffffffb2;
  --lx-clear-w-800: #ffffffcc;
  --lx-clear-w-900: #ffffffe5;
  --lx-clear-w-1000: #ffffff;

  /* Black with transparency */

  --lx-clear-b-0: #00000000;
  --lx-clear-b-50: #0000000a;
  --lx-clear-b-100: #00000019;
  --lx-clear-b-200: #00000033;
  --lx-clear-b-300: #0000004c;
  --lx-clear-b-400: #00000066;
  --lx-clear-b-500: #0000007f;
  --lx-clear-b-600: #00000099;
  --lx-clear-b-700: #000000b2;
  --lx-clear-b-800: #000000cc;
  --lx-clear-b-900: #000000e5;
  --lx-clear-b-1000: #000000;
}