/* sinreel — base layer: self-hosted fonts, reset, element defaults.
 * Loaded after tokens.css so it can consume semantic tokens. */

@font-face { font-family: 'Outfit'; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/outfit-300.9b74615df586.woff2") format('woff2'); }
@font-face { font-family: 'Outfit'; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/outfit-400.23191c444b9e.woff2") format('woff2'); }
@font-face { font-family: 'Outfit'; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/outfit-500.c5138e4c72ea.woff2") format('woff2'); }
@font-face { font-family: 'Outfit'; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/outfit-600.778dd8bec372.woff2") format('woff2'); }

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

@layer base {
  body {
    margin: 0; height: 100vh; overflow: hidden;
    background: var(--color-bg); color: var(--color-text);
    font-family: var(--font-sans); font-weight: var(--weight-light);
    -webkit-font-smoothing: antialiased;
  }
  a { color: inherit; text-decoration: none; }
}