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

:root {
    --black:   #0A0A0A;
    --white:   #FFFFFF;
    --bg:      #F5F4F0;
    --border:  #E6E5DF;
    --text:    #111110;
    --mid:     #5A5855;
    --muted:   #9B9890;
    --hero-bg: #0C1A35;
    --accent:  #C9A84C;
}

html { scroll-behavior: smooth; }
body {
    background: var(--bg);
    color: var(--text);
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 15px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}