/* e-milie V2 — theme.css
   Base tokens & reset, avant premium.css. */
@import url('./app.css');

/* V2-only overrides/additions */
:root{
  --coral-ghost: rgba(232,89,60,.08);
  --violet-ghost: rgba(127,119,221,.08);
  --mint-ghost: rgba(93,202,165,.08);
}

body.v2{
  font-family: 'Inter', system-ui, sans-serif;
  color: #161E37;
  background: var(--cream);
  min-height: 100vh;
  overflow-x: hidden;
}

/* WebGL canvas */
canvas#gl-bg{
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  opacity: .9;
}

/* Headings base (V2) */
body.v2 h1, body.v2 h2, body.v2 h3, body.v2 h4{
  font-family: 'Fraunces', Georgia, serif;
  font-weight: 500;
  letter-spacing: -.02em;
  color: #161E37;
  margin: 0;
  line-height: 1.1;
}

/* Soft scrollbar for webkit */
body.v2 ::-webkit-scrollbar{ width: 10px; height: 10px }
body.v2 ::-webkit-scrollbar-thumb{ background: rgba(22,30,55,.18); border-radius: 999px }
body.v2 ::-webkit-scrollbar-thumb:hover{ background: rgba(22,30,55,.3) }
body.v2 ::-webkit-scrollbar-track{ background: transparent }

/* Selection */
body.v2 ::selection{ background: var(--coral); color: #fff }

/* Accessibility focus */
body.v2 :focus-visible{
  outline: 2px solid var(--violet);
  outline-offset: 2px;
  border-radius: 4px;
}