/**
 * Design tokens — Pesnya Bot landing (premium dark / music SaaS)
 */
:root {
  --font-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Instrument Sans", var(--font-sans);

  --color-bg: #050508;
  --color-bg-elevated: #0a0b10;
  --color-surface: #0f1118;
  --color-surface-hover: #151821;
  --color-border: rgba(255, 255, 255, 0.06);
  --color-border-strong: rgba(255, 255, 255, 0.11);

  --color-text: #f0f1f5;
  --color-text-muted: #949dad;
  --color-text-subtle: #5c6575;

  --accent-a: #8b7cff;
  --accent-b: #2ee4c7;
  --accent-c: #5eb0ff;
  --gradient-text: linear-gradient(125deg, #c4b8ff 0%, #7ee8dc 55%, #7eb8ff 100%);
  --gradient-ambient: radial-gradient(
    ellipse 90% 70% at 70% -15%,
    rgba(110, 95, 200, 0.22) 0%,
    transparent 55%
  );
  --gradient-ambient-2: radial-gradient(
    ellipse 60% 50% at 10% 80%,
    rgba(46, 228, 199, 0.08) 0%,
    transparent 50%
  );

  --telegram: #2aabee;
  --telegram-hover: #239fd8;
  --telegram-glow: rgba(42, 171, 238, 0.42);
  --max-surface: #1a1628;
  --max-border: rgba(139, 124, 255, 0.35);
  --max-glow: rgba(124, 105, 255, 0.45);

  --container-max: 1180px;
  --section-y: clamp(3.25rem, 8vw, 5.5rem);
  --hero-pad-y: clamp(2.75rem, 10vw, 5rem);

  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-hero-cta: 22px;
  --radius-pill: 999px;

  --shadow-elevated: 0 32px 90px rgba(0, 0, 0, 0.55);
  --shadow-hero-tg: 0 1px 0 rgba(255, 255, 255, 0.22) inset, 0 6px 24px rgba(24, 140, 210, 0.45),
    0 22px 64px rgba(42, 171, 238, 0.58);
  --shadow-hero-tg-hover: 0 1px 0 rgba(255, 255, 255, 0.26) inset, 0 10px 36px rgba(24, 140, 210, 0.55),
    0 28px 72px rgba(42, 171, 238, 0.65);
  --shadow-hero-max: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 8px 36px rgba(75, 55, 160, 0.55),
    0 26px 72px rgba(124, 105, 255, 0.58);
  --shadow-hero-max-hover: 0 1px 0 rgba(255, 255, 255, 0.14) inset, 0 12px 44px rgba(90, 70, 200, 0.6),
    0 32px 80px rgba(140, 120, 255, 0.68);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 0.7s;
}