@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700&display=swap");

:root {
  /* Палитра: rgb(49,60,66) · rgb(112,135,119) · rgb(244,243,239) · rgb(227,218,213) · rgb(207,193,180) */
  --ink: #313c42;
  --sage: #708779;
  --cream: #f4f3ef;
  --sand: #e3dad5;
  --taupe: #cfc1b4;

  --primary: var(--ink);
  --accent: var(--sage);
  --primary-hover: #5f7466;
  --primary-soft: rgba(112, 135, 119, 0.16);

  --white: #ffffff;
  --bg: var(--cream);
  --bg-elevated: #ffffff;
  --bg-soft: var(--sand);
  --border: var(--sand);
  --border-strong: var(--taupe);

  --text: var(--ink);
  --text-muted: #5c666b;
  --text-light: #8b8178;

  --focus: var(--sage);

  --shadow-sm: none;
  --shadow: 0 0.25rem 0.75rem rgba(49, 60, 66, 0.08);
  --shadow-hover: 0 0.35rem 1rem rgba(49, 60, 66, 0.12);

  --radius: 0;
  --radius-sm: 0.15rem;
  --radius-pill: 999px;

  --ease: ease;
  --duration: 0.22s;

  --container: 72rem;
  --sidebar-w: 15.5rem;

  --font-sans: "Manrope", "Segoe UI", Helvetica, Arial, sans-serif;
  --font-display: "Sora", "Manrope", "Segoe UI", sans-serif;
}