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

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

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

:root {

    --background-primary: #050505;

    --surface-primary:
        rgba(20, 20, 20, 0.75);

    --border-primary:
        rgba(255, 255, 255, 0.08);

    --text-primary: #f5f5f5;
    --text-secondary: #9d9d9d;

    --transition-fast: 0.2s ease;
}

/* =========================
   HTML / BODY
========================= */

html {
    scroll-behavior: smooth;
}

body {

    min-height: 100vh;

    background: var(--background-primary);

    color: var(--text-primary);

    font-family:
        "Inter",
        sans-serif;

    overflow-x: hidden;

    position: relative;

    font-weight: 400;

    -webkit-font-smoothing: antialiased;

    text-rendering: optimizeLegibility;
}

/* =========================
   TYPOGRAPHY
========================= */

h1, h2, h3 {
    font-weight: 700;
}

p {
    line-height: 1.6;
}

/* =========================
   LINKS
========================= */

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