/* FAMED OS — дизайн-токены (голографический HUD) */
:root {
  color-scheme: dark;

  /* Поверхности */
  --bg: #05070f;
  --bg-2: #0a1020;
  --panel: rgba(10, 20, 36, 0.58);
  --panel-strong: rgba(12, 24, 44, 0.82);
  --panel-hover: rgba(16, 32, 58, 0.7);

  /* Линии */
  --line: rgba(0, 229, 255, 0.3);
  --line-soft: rgba(0, 229, 255, 0.13);
  --line-faint: rgba(0, 229, 255, 0.07);

  /* Акценты */
  --cyan: #00e5ff;
  --mint: #7cffcb;
  --amber: #ffc857;
  --violet: #b69cff;
  --magenta: #ff4d9d;
  --pink: #ffa6e1;
  --lime: #c8f26b; /* акцент питомца (data/pets.js) */

  /* Текст (контраст на --bg: text 17:1, dim 8:1) */
  --text: #e6f7ff;
  --text-dim: #8fa6ba;
  --text-faint: #5c7085;

  /* Категории ухода */
  --c-vaccine: var(--cyan);
  --c-checkup: var(--mint);
  --c-feeding: var(--amber);
  --c-screening: var(--violet);

  /* Линия жизни взрослых: профосмотр = checkup, анализы = screening, прививки = vaccine */
  --c-specialist: var(--pink);

  /* Свечение */
  --glow-cyan: 0 0 14px rgba(0, 229, 255, 0.45);
  --glow-magenta: 0 0 14px rgba(255, 77, 157, 0.55);
  --shadow-panel: 0 18px 50px -28px rgba(0, 229, 255, 0.45);

  /* Шрифты */
  --font-display: "Orbitron", "Exo 2", system-ui, sans-serif;
  --font-ui: "Exo 2", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Геометрия */
  --radius: 16px;
  --radius-sm: 10px;
  --radius-xs: 6px;
  --gap: 16px;
  --rail-w: 248px;
  --tabbar-h: 64px;

  /* Движение */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 160ms;
  --t-med: 320ms;
}