/* =========================
   theme.css (Light / Candy Glass)
   ========================= */

/* Тонкий, аккуратный sans. Inter + Manrope дают “изящно, но не стерильно”. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Manrope:wght@300;400;500;600&display=swap");

:root{
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  --font-display: "Manrope", var(--font-sans);

  --text: #13152a;
  --muted: #5e6278;
  --muted2:#7a7f97;

  --bg: #f6f7ff;
  --panel: rgba(255,255,255,.72);
  --panel2: rgba(255,255,255,.88);

  --border: rgba(20,22,42,.14);
  --border2: rgba(20,22,42,.10);

  --shadow: 0 20px 60px rgba(20,22,42,.10);
  --shadow2: 0 12px 34px rgba(20,22,42,.08);

  --radius-xl: 26px;
  --radius: 20px;
  --radius-sm: 16px;
  --radius-xs: 12px;

  --brand-1: #6a5bff;
  --brand-2: #c84cff;
  --brand-3: #ff5aa6;

  --grad: linear-gradient(90deg, var(--brand-1), var(--brand-2), var(--brand-3));
  --grad-soft: linear-gradient(135deg,
    rgba(106,91,255,.16),
    rgba(200,76,255,.14),
    rgba(255,90,166,.12)
  );

  --focus: 0 0 0 3px rgba(106,91,255,.20), 0 0 0 1px rgba(106,91,255,.35);

  --container: 1200px;
  --gap: 18px;

  --btn-h: 44px;
  --btn-pad-x: 16px;
}