/* TimeReset UI Tokens — shared visual source of truth.
   Keep module-specific CSS small by referencing these variables. */
:root {
  /* Core surface */
  --tr-bg: #060a12;
  --tr-bg-2: #0a1220;
  --tr-panel: #0d1424;
  --tr-panel-2: #101a2d;
  --tr-line: rgba(255, 255, 255, 0.095);
  --tr-line-soft: rgba(255, 255, 255, 0.065);

  /* Text */
  --tr-text: #f4f7fb;
  --tr-muted: #9ea9bb;
  --tr-soft: #c8d2e6;

  /* Accents */
  --tr-gold: #f6dc9a;
  --tr-gold-2: #dcae55;
  --tr-jade: #86d8c0;
  --tr-warn: #e68260;
  --tr-purple: #a87cff;

  /* Typography */
  --tr-font: "Hanken Grotesk", Inter, Arial, sans-serif;
  --tr-display: "Newsreader", Georgia, serif;
  --tr-mono: "IBM Plex Mono", "SF Mono", Menlo, monospace;

  /* Shape / depth */
  --tr-radius-sm: 12px;
  --tr-radius-md: 16px;
  --tr-radius-lg: 24px;
  --tr-shadow: 0 24px 80px rgba(0, 0, 0, 0.34);

  /* Hub aliases — temporary bridge while modules migrate to --tr-* */
  --hub-bg: var(--tr-bg);
  --hub-bg2: var(--tr-bg-2);
  --hub-panel: var(--tr-panel);
  --hub-panel2: var(--tr-panel-2);
  --hub-line: var(--tr-line);
  --hub-line2: var(--tr-line-soft);
  --hub-text: var(--tr-text);
  --hub-muted: var(--tr-muted);
  --hub-soft: var(--tr-soft);
  --hub-gold: var(--tr-gold);
  --hub-gold2: var(--tr-gold-2);
  --hub-jade: var(--tr-jade);
  --hub-warn: var(--tr-warn);
  --hub-purple: var(--tr-purple);
  --hub-font: var(--tr-font);
  --hub-display: var(--tr-display);
  --hub-mono: var(--tr-mono);
  --hub-radius: var(--tr-radius-lg);
  --hub-shadow: var(--tr-shadow);
}