/* /assets/css/base.css */

:root{
  --bg-0: #070c0a;
  --bg-1: #0b1210;

  --text: rgba(255,255,255,.96);
  --muted: rgba(255,255,255,.78);

  --line: rgba(255,255,255,.10);
  --card: rgba(255,255,255,.05);

  --shadow: 0 18px 50px rgba(0,0,0,.36);

  --wrap: 1400px;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  background:var(--bg-0);
  color:var(--text);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  line-height:1.5;
}

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

a{
  color:inherit;
  text-decoration:none;
}

button,
input,
textarea,
select{
  font:inherit;
}

.wrap{
  width:min(var(--wrap), calc(100% - 32px));
  margin-inline:auto;
}

.section{
  padding:64px 0;
}

@media (max-width:900px){
  .section{
    padding:52px 0;
  }
}

.page{
  min-height:100vh;
}

.footer{
  background:#0b1210 !important;
}