/* ============================================================
   O'ZBEKONA CISCO 2.0 — DESIGN TOKENS
   ============================================================ */
:root {
  /* Brend ranglar */
  --net-blue:       #049fd9;
  --net-blue-deep:  #005073;
  --net-blue-light: #6abde8;
  --net-green:      #22e584;
  --net-green-dim:  #10b981;
  --net-gold:       #e8b830;
  --net-orange:     #f97316;
  --net-red:        #ff5c5c;
  --net-indigo:     #818cf8;
  --net-cyan:       #22d3ee;

  /* Fonlar */
  --bg-0: #05080f;
  --bg-1: #0a1018;
  --bg-2: #101826;
  --bg-3: #162032;
  --glass: rgba(13, 20, 32, 0.72);
  --glass-strong: rgba(9, 14, 24, 0.92);

  /* Chiziq / chegara */
  --stroke:        rgba(4, 159, 217, 0.16);
  --stroke-strong: rgba(4, 159, 217, 0.38);
  --stroke-soft:   rgba(147, 165, 188, 0.10);

  /* Matn */
  --text-1: #f2f6fa;
  --text-2: #93a5bc;
  --text-3: #5c6c82;

  /* Gradientlar */
  --grad-blue:   linear-gradient(135deg, #049fd9 0%, #005073 100%);
  --grad-green:  linear-gradient(135deg, #22e584 0%, #059669 100%);
  --grad-gold:   linear-gradient(135deg, #e8b830 0%, #a67c00 100%);
  --grad-orange: linear-gradient(135deg, #f97316 0%, #dc2626 100%);
  --grad-indigo: linear-gradient(135deg, #818cf8 0%, #4f46e5 100%);
  --grad-cyan:   linear-gradient(135deg, #22d3ee 0%, #0891b2 100%);
  --grad-text:   linear-gradient(100deg, #6abde8 0%, #049fd9 45%, #22e584 100%);

  /* Soyalar */
  --shadow-card: 0 24px 48px -16px rgba(0, 0, 0, 0.55);
  --shadow-glow-blue:  0 0 42px rgba(4, 159, 217, 0.22);
  --shadow-glow-green: 0 0 42px rgba(34, 229, 132, 0.18);

  /* Shriftlar */
  --font-display: 'Space Grotesk', 'Inter', sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'Consolas', monospace;

  /* O'lchamlar */
  --nav-h: 72px;
  --radius-s: 10px;
  --radius-m: 16px;
  --radius-l: 22px;
  --container: 1200px;
  --section-pad: clamp(4.5rem, 9vw, 7.5rem);

  /* Tezliklar */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 0.22s;
  --t-med: 0.45s;
}