/* Base theme variables & light reset (added for deployment to avoid 404) */
:root {
  --accent: #6d55ff;
  --accent-glow: #8d76ff;
  --bg-dark: #000;
  --text-color: #e6e6eb;
  --font-stack: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
}

html { box-sizing: border-box; -webkit-text-size-adjust: 100%; }
*,*::before,*::after { box-sizing: inherit; }
body { margin:0; font-family: var(--font-stack); background: var(--bg-dark,#000); color: var(--text-color); line-height:1.5; }

a { color: var(--accent); text-decoration:none; }
a:hover { color: var(--accent-glow); }

img { max-width:100%; height:auto; display:block; }

/* Utility */
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }

/* Basic container (optional) */
.container { width:100%; max-width:1200px; margin:0 auto; padding:0 1.25rem; }

/* Smooth focus outline */
:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }

/* Light fade-in */
body { animation:fadeIn .3s ease; }
@keyframes fadeIn { from { opacity:0 } to { opacity:1 } }