/* Viridian UI System — shared semantic tokens and developer-only tuning hooks.
   Player-facing styles can keep their existing selectors while consuming these
   stable values instead of inventing a parallel visual language. */
:root {
  --vh-color-bg-deep: #0c1712;
  --vh-color-bg-mid: #14251c;
  --vh-color-panel: #182a20;
  --vh-color-panel-edge: #2a4234;
  --vh-color-text-primary: #e9f2ea;
  --vh-color-text-secondary: #9db3a5;
  --vh-color-gold: #d9c27a;
  --vh-color-gold-highlight: #f1d98e;
  --vh-color-verdant: #4fbf6c;
  --vh-color-crimson: #e05a4e;
  --vh-color-azure: #4f9ee0;
  --vh-color-violet: #a86fe0;
  --vh-color-teal-magic: #3fae82;
  --vh-color-disabled: #7f8f84;

  --vh-font-heading: "Gentium Book Plus", Georgia, serif;
  --vh-font-title: var(--vh-font-heading);
  --vh-font-body: "Trebuchet MS", sans-serif;
  --vh-text-ui-small: 0.68rem;
  --vh-line-ui: 1.35;
  --vh-letter-ui: 0.075em;

  --vh-space-1: 4px;
  --vh-space-2: 8px;
  --vh-space-3: 12px;
  --vh-space-4: 16px;
  --vh-space-5: 24px;
  --vh-radius-panel: 10px;
  --vh-shadow-panel: 0 8px 18px rgba(0,0,0,.5);
  --vh-glow-hover: 0 0 15px rgba(217,194,122,.24);
  --vh-transition-hover: 180ms ease;
  --vh-tooltip-fade: 150ms ease;

  --vh-tooltip-max-width: min(320px, calc(100vw - 24px));
  --vh-tooltip-padding-x: 12px;
  --vh-tooltip-padding-y: 8px;
  --vh-tooltip-font-size: .68rem;
  --vh-tooltip-open-opacity: 1;
  --vh-tooltip-background-opacity: .98;
  --vh-tooltip-border-opacity: 1;
}

/* Compatibility aliases keep the existing game CSS on the central palette. */
:root {
  --bg-deep: var(--vh-color-bg-deep);
  --bg-mid: var(--vh-color-bg-mid);
  --panel: var(--vh-color-panel);
  --panel-edge: var(--vh-color-panel-edge);
  --ink: var(--vh-color-text-primary);
  --ink-dim: var(--vh-color-text-secondary);
  --gold: var(--vh-color-gold);
  --c-green: var(--vh-color-verdant);
  --c-red: var(--vh-color-crimson);
  --c-blue: var(--vh-color-azure);
  --c-violet: var(--vh-color-violet);
  --c-viridian: var(--vh-color-teal-magic);
  --font-heading: var(--vh-font-heading);
  --font-body: var(--vh-font-body);
}

/* The standard hooks are inert until ViridianUI writes a developer override. */
[data-ui-component] {
  translate: var(--vh-tuner-offset-x, 0px) var(--vh-tuner-offset-y, 0px);
  scale: var(--vh-tuner-scale, 1);
}

[data-ui-component] .garden-upgrade-icon,
[data-ui-component] .garden-tool-emblem,
[data-ui-component] .garden-sapling-icon {
  scale: var(--vh-tuner-icon-scale, 1);
}