@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Literata;src:url('../assets/fonts/literata-400-cyrillic.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Literata;src:url('../assets/fonts/literata-600-cyrillic.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}

:root{
  color-scheme:dark;
  --background-primary:#080b12;
  --background-secondary:#0d111a;
  --surface-primary:#121722;
  --surface-secondary:#171d29;
  --surface-elevated:#1c2330;
  --surface-faint:rgba(255,255,255,.035);
  --text-primary:#f2f0e9;
  --text-secondary:#c2c4c7;
  --text-muted:#828894;
  --border-subtle:rgba(232,235,240,.12);
  --border-strong:rgba(232,235,240,.22);
  --accent-primary:#76d4cc;
  --accent-secondary:#9c8fc5;
  --accent-warm:#d8b66e;
  --accent-rose:#b68191;
  --success:#7bc79f;
  --warning:#d8b66e;
  --error:#d87878;

  --font-display:Literata,Georgia,serif;
  --font-interface:Manrope,"Segoe UI",sans-serif;
  --font-ui:var(--font-interface);

  --text-11:.6875rem;
  --text-12:.75rem;
  --text-13:.8125rem;
  --text-14:.875rem;
  --text-16:1rem;
  --text-18:1.125rem;
  --text-20:1.25rem;
  --text-22:1.375rem;
  --text-24:1.5rem;
  --text-28:1.75rem;
  --text-32:2rem;
  --text-36:2.25rem;
  --text-40:2.5rem;
  --text-52:3.25rem;

  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-5:1.25rem;
  --space-6:1.5rem;
  --space-7:1.75rem;
  --space-8:2rem;
  --space-10:2.5rem;
  --space-12:3rem;
  --space-16:4rem;

  --radius-sm:.625rem;
  --radius-md:1rem;
  --radius-lg:1.5rem;
  --radius-xl:2rem;
  --radius-round:999px;

  --shadow-soft:0 1.5rem 4rem rgba(0,0,0,.24);
  --shadow-raised:0 1rem 2.5rem rgba(0,0,0,.34);
  --blur-surface:1.125rem;

  --duration-fast:160ms;
  --duration-base:260ms;
  --duration-slow:420ms;
  --ease-standard:cubic-bezier(.2,.72,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);

  --container-main:52rem;
  --rail-width:15rem;
  --context-width:21rem;
  --safe-top:env(safe-area-inset-top,0px);
  --safe-right:env(safe-area-inset-right,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-left:env(safe-area-inset-left,0px);
}