/* =========================
   FONTS
========================= */

/* Bender Regular */
@font-face {
  font-family: 'Bender';
  src: url('/assets/fonts/Bender-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Bender Bold */
@font-face {
  font-family: 'Bender';
  src: url('/assets/fonts/Bender-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


/* =========================
   ROOT VARIABLES
========================= */

:root{
  --blue:#006CFF;
  --blue-dark:#0057cf;
  --ink:#002C5F;
  --text:#0f172a;
  --muted:#64748b;

  --bg:#f6f9ff;
  --card:#ffffff;
  --stroke:#e6edf7;

  --shadow: 0 18px 40px rgba(2, 44, 95, 0.10);
  --radius: 20px;
  --error: #dc2626;
  --soft: #f1f5ff;

  /* Путь к фон-логотипу */
  --bg-logo: url('/assets/img/bg-logo.png');
}


/* =========================
   RESET
========================= */

*{ box-sizing: border-box; }

html,body{
  height:100%;

  /* Нижний отступ страницы, чтобы контент не был "впритык" */
  padding-bottom: calc(40px + env(safe-area-inset-bottom));
}


body{
  margin:0;
  position: relative;

  font-family: 'Bender', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 400;
  color: var(--text);
  background: var(--bg);

  z-index: 0;
}


/* =========================
   GLOBAL BACKGROUND LOGO
========================= */

body::before{
  content:"";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;

  background-image: var(--bg-logo);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  opacity: 0.06;
  filter: blur(2px);
}



/* =========================
   BASE ELEMENTS
========================= */

img{
  max-width:100%;
  height:auto;
  display:block;
}

a{
  color: inherit;
}

/* Гарантированный отступ внизу страницы */
body::after{
  content: "";
  display: block;
  height: 60px; /* можно 50–80 по вкусу */
}