/* ================================================
   vairee design system — base reset + global
   ================================================ */
 
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
 
html {
  min-height: 100%;
  height: auto;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

html, body {
  background: var(--bg-0);
  color: var(--paper);
  font-family: var(--font-body);
  font-weight: 300;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: transparent;
}

#root {
  position: relative;
  z-index: 2;
  min-height: 100vh;
  min-height: 100dvh;
}

main {
  min-height: 100dvh;
  overflow: visible;
}

body.modal-open,
body.pricing-pop-open {
  overflow: hidden;
  touch-action: none;
}
 
body {
  min-height: 100vh;
  /* Subtle warm atmosphere — NOT orange */
  background:
    radial-gradient(900px 600px at 50% 30%, rgba(200, 185, 160, 0.06), transparent 70%),
    var(--bg-0);
}
body.path-hiring {
  background: var(--bg-paper);
  color: var(--ink);
}
body.path-talent {
  background: var(--bg-0);
  color: var(--paper);
}
 
/* Grain overlay — very subtle texture */
body::before {
  content: "";
  position: fixed; inset: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0.045;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}
 
a   { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
 
::selection {
  background: rgba(236, 227, 210, 0.25);
  color: var(--paper);
}