/* EDIT THIS FILE TO CHANGE THE SITE PALETTE.
   Use hex colors for the base settings: CSS and the canvas charts share them.
   All tints, borders and glass layers below derive from these settings.
   Accent alternatives: violet #baa1ee / blue #8bbcf3 / coral #efb09a. */
:root {
  --theme-accent: #5cf59c;
  --theme-on-accent: #10241e;
  --theme-background: #0c1110;
  --theme-surface: #1b2523;
  --theme-sidebar: #121b1a;
  --theme-text: #edf2f4;
  --theme-muted: #a0afb6;
  --theme-subtle: #72858e;
  --theme-border-base: #9cb1bb;
  --theme-positive: #58e99a;
  --theme-negative: #eb8d9f;
  --theme-highlight: #ffffff;
  --theme-shadow: #000000;
  --theme-chart-background: #111a18;

  /* Glass controls. Keep blur on large panels, rather than every token row. */
  --theme-glass-opacity: 72%;
  --theme-glass-blur: 16px;
  --theme-radius: 14px;
  /* Raised buttons: shared depth and soft accent glow. */
  --theme-button-radius: 10px;
  --theme-button-highlight: color-mix(in srgb, var(--theme-highlight) 35%, transparent);
  --theme-button-lower-edge: color-mix(in srgb, var(--theme-shadow) 22%, transparent);
  --theme-button-contact-shadow: color-mix(in srgb, var(--theme-shadow) 40%, transparent);
  --theme-button-glow: color-mix(in srgb, var(--theme-accent) 32%, transparent);
  --theme-glass: color-mix(in srgb, var(--theme-surface) var(--theme-glass-opacity), transparent);
  --theme-glass-raised: color-mix(in srgb, var(--theme-surface) 90%, transparent);
  --theme-glass-sidebar: color-mix(in srgb, var(--theme-sidebar) 83%, transparent);
  --theme-input: color-mix(in srgb, var(--theme-background) 74%, transparent);
  --theme-border: color-mix(in srgb, var(--theme-border-base) 16%, transparent);
  --theme-border-strong: color-mix(in srgb, var(--theme-border-base) 29%, transparent);
  --theme-shine: color-mix(in srgb, var(--theme-highlight) 5%, transparent);
  --theme-accent-soft: color-mix(in srgb, var(--theme-accent) 11%, transparent);
  --theme-accent-border: color-mix(in srgb, var(--theme-accent) 35%, transparent);
  --theme-negative-soft: color-mix(in srgb, var(--theme-negative) 10%, transparent);
  --theme-positive-soft: color-mix(in srgb, var(--theme-positive) 12%, transparent);
  --theme-accent-hover: color-mix(in srgb, var(--theme-accent) 85%, var(--theme-highlight));

  /* Compatibility names used by the existing components. */
  --bg: var(--theme-background);
  --panel: var(--theme-glass);
  --ink: var(--theme-text);
  --muted: var(--theme-muted);
  --line: var(--theme-border);
  --edge: var(--theme-border-strong);
  --ice: var(--theme-text);
  --lime: var(--theme-accent);
  --coin-accent: var(--theme-accent);
}