:root {
  /* Background layers — взяты 1:1 из палитры кабинета CooperVPN */
  --color-bg: #0a0f1a;
  --color-surface: rgb(15, 23, 42);       /* --color-dark-900 кабинета */
  --color-surface-2: rgb(23, 32, 51);     /* --color-dark-850 */
  --color-surface-3: rgb(30, 41, 59);     /* --color-dark-800 */
  --color-surface-deep: rgb(10, 15, 26);  /* --color-dark-950 */

  /* Accent — синий, как в кабинете */
  --color-accent: rgb(59, 130, 246);      /* --color-accent-500 */
  --color-accent-light: rgb(96, 165, 250);/* --color-accent-400 */
  --color-accent-dark: rgb(37, 99, 235);  /* --color-accent-600 */
  --color-accent-rgb: 59, 130, 246;

  --color-text: rgba(255, 255, 255, 0.92);
  --color-text-muted: rgba(255, 255, 255, 0.62);
  --color-text-faint: rgba(255, 255, 255, 0.4);
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-strong: rgba(255, 255, 255, 0.14);

  --font-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Outfit', 'Manrope', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  --radius-card: 24px;
  --radius-sm: 12px;
  --radius-pill: 999px;

  --shadow-glow: 0 0 20px rgba(var(--color-accent-rgb), 0.18);
  --shadow-glow-lg: 0 0 50px rgba(var(--color-accent-rgb), 0.22);
  --shadow-card: 0 4px 24px -4px rgba(0, 0, 0, 0.45);

  --container-w: 1160px;
  --transition-smooth: cubic-bezier(0.16, 1, 0.3, 1);
}