/*
  Longevity Suite — shared design tokens (Vision UI inspired)
  App-specific roles (which token plays primary/secondary) live in each
  project's local variables.css
*/
:root {
  /* backgrounds — deep navy */
  --bg-0: #0b1121;
  --bg-1: #111c44;

  /* text */
  --ink: #ffffff;
  --ink-soft: #a0aec0;
  --ink-faint: #4a5568;

  /* surfaces — navy glass */
  --card: rgba(11, 17, 56, 0.5);
  --card-line: rgba(255, 255, 255, 0.1);
  --card-line-strong: rgba(255, 255, 255, 0.2);

  /* accent palette — Vision UI */
  --blue: #4299e1;
  --blue-d: #3182ce;
  --purple: #7551ff;
  --purple-d: #5e35d3;
  --teal: #01b574;
  --teal-d: #019c63;
  --amber: #ffb547;
  --amber-d: #e09030;
  --rose: #fa5252;

  /* glows */
  --glow-blue:   rgba(66, 153, 225, 0.5);
  --glow-purple: rgba(117, 81, 255, 0.5);
  --glow-teal:   rgba(1, 181, 116, 0.5);
  --glow-amber:  rgba(255, 181, 71, 0.4);

  /* elevation */
  --shadow: 0 20px 60px -20px rgba(0, 0, 0, 0.8);
  --shadow-blue:   0 20px 40px -15px rgba(66, 153, 225, 0.3);
  --shadow-purple: 0 20px 40px -15px rgba(117, 81, 255, 0.3);
}