/* Kinetix — design tokens (from organizations/kinetix/05-design-tokens/tokens.json) */
:root {
  --bg: #0B0D10;
  --panel: #14171C;
  --panel-2: #1B1F26;
  --panel-3: #222731;
  --line: #262B33;
  --line-2: #333A45;

  --txt: #E8ECF2;
  --txt-dim: #9BA4B2;
  --txt-dim-2: #6B7482;
  --txt-invert: #0B0D10;

  --muscle: #C4785C;
  --artery: #FF5C63;
  --vein: #4FC3F7;
  --fascia: #3ED598;
  --nerve: #E8C24A;
  --gland: #FF9448;
  --lymph: #B98BF0;
  --bone: #C8CDD6;
  --composition: #F2E27C;

  --primary: var(--artery);
  --primary-ink: #14080A;
  --primary-soft: rgba(255, 92, 99, 0.14);
  --primary-edge: rgba(255, 92, 99, 0.45);
  --accent: var(--nerve);

  --r-sm: 6px;
  --r: 10px;
  --r-lg: 14px;
  --r-pill: 999px;

  --glow-primary: 0 0 18px rgba(255, 92, 99, 0.36);
  --glow-soft: 0 0 40px rgba(255, 92, 99, 0.18);

  --ring-conic: conic-gradient(from -90deg,
    var(--muscle) 0deg 45deg,
    var(--artery) 45deg 90deg,
    var(--vein) 90deg 135deg,
    var(--fascia) 135deg 180deg,
    var(--nerve) 180deg 225deg,
    var(--gland) 225deg 270deg,
    var(--lymph) 270deg 315deg,
    var(--bone) 315deg 360deg);
}