/* ===========================================================
   THEME.CSS — Base compartilhada por TODO o site Nektoprimal
   Troque só este arquivo para mudar cores/fontes em todas as páginas.
   =========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Rajdhani:wght@300;500;700&display=swap');

:root {
    --bg-color: #020B10;
    --bg-dark: #01080b;
    --accent-cyan: #00F0FF;
    --accent-purple: #bc13fe;   /* Hadalians */
    --accent-red: #ff0055;
    --accent-green: #00ff8c;
    --accent-yellow: #ffbd2e;
    --text-secondary: #607D8B;
    --text-dim: #607D8B;
    --card-bg: rgba(10, 26, 36, 0.8);
    --grid-color: rgba(0, 240, 255, 0.05);
    --border-color: rgba(0, 240, 255, 0.2);
}

* { box-sizing: border-box; }

body {
    margin: 0;
    background-color: var(--bg-color);
    color: #fff;
    font-family: 'Rajdhani', sans-serif;
}

/* Fundo quadriculado usado em quase todas as páginas */
.bg-grid {
    background-image: linear-gradient(var(--grid-color) 1px, transparent 1px),
                       linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);
    background-size: 30px 30px;
}

/* Botão "voltar" usado nas fichas e outras páginas internas */
.back-btn {
    position: fixed;
    top: 20px;
    left: 20px;
    background: var(--accent-cyan);
    color: #000;
    padding: 8px 25px;
    font-family: 'Orbitron', sans-serif;
    font-weight: bold;
    text-decoration: none;
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
    transition: 0.3s;
    z-index: 10;
}
.back-btn:hover { filter: brightness(1.2); }

/* Créditos do artista, usado em todas as fichas de espécime */
.designer-credit {
    position: absolute;
    bottom: 10px;
    right: 15px;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    letter-spacing: 1px;
    color: var(--accent-cyan);
    opacity: 0.4;
    text-transform: uppercase;
    pointer-events: none;
}
.designer-name {
    color: var(--accent-yellow);
    font-weight: bold;
}

/* Efeito de scanline reaproveitável (era .file-container::after) */
.scanline-overlay::after {
    content: " ";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, 0.1) 3px);
    pointer-events: none;
}

/* Rodapé de status, usado no index e no masterlist */
.status-footer {
    font-size: 10px;
    font-family: monospace;
    color: var(--accent-cyan);
    text-transform: uppercase;
    display: flex;
    gap: 20px;
}

/* Setas de navegação anterior/próximo (usado em specimen.html) */
.nav-arrow {
    color: var(--accent-cyan);
    text-decoration: none;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.8rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: 0.2s;
}
.nav-arrow:hover { text-shadow: 0 0 8px var(--accent-cyan); }