:root {
    --bg:            #111110;
    --surface:       #1c1b19;
    --surface-2:     #252420;
    --text:          #f0ebe4;
    --muted:         #9a9088;
    --primary:       #13b496;
    --primary-hover: #b85f08;
    --border:        #2e2b27;
    --border-strong: #47433d;
    --container:     90rem;
    --radius:        6px;
    --radius-sm:     4px;
    --shadow:        0 4px 20px rgba(0, 0, 0, 0.55);
}

*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
    background:  var(--bg);
    color:       var(--text);
    font-family: 'Barlow', system-ui, sans-serif;
    line-height: 1.6;
    min-height:  100vh;
    overflow-x:  hidden;

    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

img { display: block; max-width: 100%; }
a   { color: inherit; text-decoration: none; }
button { font: inherit; }