/**
 * v3 careerweb — base reset + body typography.
 * Loaded after tokens.css. Everything in here is global (un-classed)
 * or near-global; per-component styles live in their own files.
 */

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

html, body { margin: 0; padding: 0; }

body {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, sans-serif;
    background: var(--bg);
    color: var(--ink);
    font-size: 14px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Theme swap is a paint-only change — animate so it doesn't flash. */
    transition: background 200ms ease, color 200ms ease;
}

button                     { font-family: inherit; }
input, textarea, select    { font-family: inherit; color: inherit; }

::selection { background: var(--brand); color: var(--brand-on); }

/* App-root layout container — fills the viewport vertically so the
   sticky apply bar can attach to the bottom of the page on mobile. */
.app {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}