/* ═══════════════════════════════════════════════════════════════
   ProductTrack Design System — Shared Design Tokens
   Подключать на всех страницах как первый CSS
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* Background layers */
  --pt-bg:              rgba(23, 33, 43, 1);
  --pt-surface:         rgba(36, 47, 61, 0.75);
  --pt-surface-solid:   #242F3D;
  --pt-surface-variant: #39495e;

  /* Borders & lines */
  --pt-line:            #2c3743;

  /* Text */
  --pt-text:            #ffffff;
  --pt-muted:           #7f91a4;

  /* Accent */
  --pt-accent:          rgba(113, 119, 248, 1);
  --pt-accent-hover:    rgba(113, 119, 248, 1);

  /* Status colors */
  --pt-green:           #48f095;
  --pt-red:             #ef4444;
  --pt-yellow:          #fbbf24;
  --pt-blue:            #38bdf8;

  /* Border radii */
  --pt-r-xs:    6px;
  --pt-r-sm:    8px;
  --pt-r-md:    12px;
  --pt-r-lg:    16px;
  --pt-r-card:  13px;
  --pt-r-pill:  999px;

  /* Spacing scale */
  --pt-space-xs:  4px;
  --pt-space-sm:  8px;
  --pt-space-md:  16px;
  --pt-space-lg:  24px;
  --pt-space-xl:  32px;

  /* Typography */
  --pt-font:      Stem, Tahoma, Arial, sans-serif;
  --pt-font-logo: Omoto, "Omoto Std", Stem, Tahoma, Arial, sans-serif;

  /* Transitions */
  --pt-ease:      0.16s ease;
  --pt-ease-md:   0.24s ease;
}