/* Дизайн-система ampeklab.com v2.0 (Modern Dev Portfolio) */

:root {
  /* Основные цвета */
  --bg: #0a0a0a;
  --surface: #111111;
  --surface-2: #161616;
  --surface-3: #1c1c1c;
  --border: #262626;
  --border-2: #333333;
  --text: #fafafa;
  --muted: #71717a;
  --muted-2: #a1a1aa;
  --accent: #c5f82a;
  --accent-dim: #8fb81f;
  --cyan: #22d3ee;
  --pink: #f472b6;
  --red: #ef4444;
  
  /* Размеры скруглений */
  --radius: 16px;
  --radius-sm: 10px;
  --radius-lg: 24px;
  
  /* Шрифты */
  --font-sans: 'Geist', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* --- СОВМЕСТИМОСТЬ С СТАРЫМИ СТИЛЯМИ (ВЕРСИЯ 1.0) --- */
  --surface-card: var(--surface-2);
  --border-hover: var(--border-2);
  --text-primary: var(--text);
  --text-secondary: var(--muted-2);
  --text-muted: var(--muted);
  --accent-hover: #b2e022; /* Темно-лаймовый для наведения */
  --accent-glow: rgba(197, 248, 42, 0.15);
  --success: #10b981;
  --success-glow: rgba(16, 185, 129, 0.15);
  --kwork: #1dbf73;
  --kwork-hover: #26d080;
  --kwork-glow: rgba(29, 191, 115, 0.15);
  --font-display: var(--font-sans);
  --radius-lg-compat: var(--radius-lg);
  --radius-md: var(--radius);
  --radius-sm-compat: var(--radius-sm);
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}