:root {
  --bg: #0f1117;
  --panel: #171a22;
  --ink: #e7eaf3;
  --accent: #7aa2ff;
  --selection: #2431d6;
  --muted: #9aa3b2;
  --border: #2a3040;
  --shadow: rgba(6, 10, 20, 0.45);
  --bg-grad-1: #1a2030;
  --bg-grad-2: #0f1117;
  --bg-grad-3: #0b0d12;
  --input-bg: #0f1320;
  --button-text: #0b0d12;
  --chart-line: var(--selection);
  --chart-area: rgba(36, 49, 214, 0.15);
  --chart-grid: rgba(231, 234, 243, 0.2);
  --chart-text: var(--ink);
  --chart-series-1: var(--selection);
  --chart-series-2: #7aa2ff;
  --chart-series-3: #5f7cd9;
  --chart-series-4: #8fb0ff;
  --chart-series-5: #3c57b3;
  --font-base-serif: "Source Serif 4", "Georgia", serif;
  --font-base-sans: "Inter", "Segoe UI", Tahoma, sans-serif;
  --transparent: rgba(0, 0, 0, 0);
  --test: red;
  /* flatpickr */
  --fp-bg-dark: var(--bg);
  --fp-bg-medium: var(--panel);
  --fp-text: var(--ink);
  --fp-text-muted: var(--muted);
  --fp-border: var(--border);

  --fp-accent: var(--accent);
  --fp-selection: var(--selection);

  /* --fp-hover: var(--fp-bg-medium); */
}