/* ==============================================
   DESIGN TOKENS — THE СВЯЗКИ MATRIX
   Adapted to match baza.tonytrue.pro branding
   ============================================== */

:root {
  /* ── Colors (baza.tonytrue.pro palette) ── */
  --color-bg:          hsl(0 0% 4%);
  --color-bg-card:     rgba(255, 255, 255, 0.05);
  --color-bg-card-hover: rgba(255, 255, 255, 0.08);
  --color-surface:     rgba(255, 255, 255, 0.05);
  --color-border:      rgba(255, 255, 255, 0.10);
  --color-border-glow: rgba(204, 255, 0, 0.40);

  --color-primary:     #CCFF00;
  --color-primary-dim: rgba(204, 255, 0, 0.10);
  --color-primary-glow: rgba(204, 255, 0, 0.40);
  --color-primary-hover: #D4FF33;

  --color-text:        #FFFFFF;
  --color-text-dim:    rgba(255, 255, 255, 0.60);
  --color-text-muted:  rgba(255, 255, 255, 0.35);

  --color-error:       #FF4D6A;
  --color-error-dim:   rgba(255, 77, 106, 0.15);
  --color-success:     #CCFF00;
  --color-success-dim: rgba(204, 255, 0, 0.10);
  --color-warning:     #FFB547;
  --color-locked:      rgba(255, 255, 255, 0.15);

  /* ── Typography ── */
  --font-heading: 'DrukWideCy', Impact, 'Arial Black', sans-serif;
  --font-body:    'Inter', sans-serif;

  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.125rem;
  --fs-lg:   1.5rem;
  --fs-xl:   2rem;
  --fs-2xl:  2.5rem;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-bold:    700;

  /* ── Spacing ── */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;

  /* ── Radius (baza uses rounded-3xl = 24px) ── */
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  24px;
  --radius-xl:  24px;
  --radius-full: 9999px;

  /* ── Shadows & Glows ── */
  --shadow-card:  0 4px 24px rgba(0, 0, 0, 0.4);
  --shadow-glow:  0 0 30px rgba(204, 255, 0, 0.25), 0 0 80px rgba(204, 255, 0, 0.08);
  --shadow-glow-sm: 0 0 15px rgba(204, 255, 0, 0.20);

  /* ── Transitions ── */
  --transition-fast: 0.15s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.5s ease;

  /* ── Z-index layers ── */
  --z-bg:      0;
  --z-content: 10;
  --z-card:    20;
  --z-modal:   100;
  --z-overlay: 90;
  --z-toast:   110;
  --z-top:     999;
}