/* The addon's numbers. Copied by hand from the addon repo; each line names where it comes from.
   Change the addon's look? Re-copy here. */

@property --lo { syntax: '<color>'; inherits: true; initial-value: #1e90ff; }
@property --hi { syntax: '<color>'; inherits: true; initial-value: #e65a72; }
@property --mid { syntax: '<color>'; inherits: true; initial-value: #8275b9; }

:root {
  /* the accent pair (Style.GRADIENT_SHAPE; js/accent.js moves it to a class's pair) */
  --lo: #1e90ff;
  --hi: #e65a72;
  --mid: #8275b9;
  --chip-ink: #f2eee6;
  --accent: linear-gradient(90deg, var(--lo), var(--hi));

  /* the shell (Style.lua: BORDER, BAND, BAND_LIT, BACKGROUND) */
  --border: #060607;
  --band: #1a1711;
  --band-lit: #332f24;
  --bg: #141417;
  --bg-window: rgba(20, 20, 23, 0.85); /* windowAlpha 0.85 */
  --shadow: rgba(0, 0, 0, 0.35);       /* shadowPx 4, shadowAlpha 0.35 */

  /* text (Style.INK): values white, sentences soft white, labels tan, off dim */
  --ink-value: #ffffff;
  --ink-text: #f2eee6;
  --ink-label: #c2b59e;
  --ink-off: #8c8273;
  --ink-good: #8cd98c;
  --ink-bad: #d95a4f;

  /* W.Button (Options/Widgets.lua) */
  --btn-band: #1a1710;
  --btn-band-main: #332c1e;
  --btn-fill-top: #1c1a16;
  --btn-fill-bottom: #121214;
  --btn-lit: rgba(255, 240, 214, 0.08);

  /* W.Chip */
  --chip-off: #1b1b1f;
  --chip-edge: #2a2a30;

  /* motion (Motion.lua): three speeds, eased out 1 - (1 - p)^3 */
  --fast: 0.12s;
  --normal: 0.2s;
  --slow: 0.4s;
  --close: 0.3s;
  --open: 0.22s;                                 /* Win.Feel window open */
  --ease: cubic-bezier(0.33, 1, 0.68, 1);        /* 1 - (1 - p)^3 */
  --ease-sine: cubic-bezier(0.39, 0.575, 0.565, 1); /* sin(p * pi / 2), Win.Feel's fade */
  --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);    /* the client's ExponentialEaseOut (health bars) */

  /* type */
  --font-head: 'Sora', system-ui, sans-serif;
  --font-body: 'Manrope', system-ui, sans-serif;
  --font-game: 'Barlow Semi Condensed', 'Arial Narrow', sans-serif; /* stand-in for Expressway */

  --line: rgba(242, 238, 230, 0.07);
}

:root { transition: --lo var(--slow) var(--ease), --hi var(--slow) var(--ease), --mid var(--slow) var(--ease); }

@media (prefers-reduced-motion: reduce) {
  :root { --fast: 0s; --normal: 0s; --slow: 0s; --close: 0s; --open: 0s; }
}