/* Shared layout/theme tokens for all PHP screens */
:root {
    --shared-bg-light: #f4f7fb;
    --shared-surface-light: #ffffff;
    --shared-border-light: #d9e3f1;
    --shared-ink-light: #1f2a40;
    --shared-muted-light: #53627f;

    --shared-bg-dark: #0f1420;
    --shared-surface-dark: #1b2433;
    --shared-border-dark: #2f3c56;
    --shared-ink-dark: #e7edf9;
    --shared-muted-dark: #b5c0d8;

    --shared-primary: #1976d2;
    --shared-primary-hover: #1667b2;

    /* ── Neon/retro theme (index, login, registro) ── */
    --neon-bg-1:           #050913;
    --neon-bg-2:           #090f1f;
    --neon-bg-3:           #03070f;
    --neon-ink:            #d6fbff;
    --neon-muted:          #7fd6df;
    --neon-card:           rgba(8, 19, 35, 0.86);
    --neon-border:         rgba(0, 241, 255, 0.38);
    --neon-border-strong:  rgba(0, 255, 156, 0.64);
    --neon-accent:         #00f1ff;
    --neon-accent-strong:  #00a9ff;
    --neon-lime:           #00ff9c;
    --neon-shadow:         0 20px 44px rgba(0, 0, 0, 0.58);
    --neon-font:           "Lucida Console", "Consolas", "Courier New", monospace;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    color: var(--shared-ink-light);
}

/* Dark/neon theme — DEFAULT for all pages */
body.theme-dark {
    color: var(--neon-ink);
    font-family: var(--neon-font);
    background:
        radial-gradient(circle at 15% 14%, rgba(0, 241, 255, 0.2), transparent 32%),
        radial-gradient(circle at 86% 82%, rgba(0, 255, 156, 0.16), transparent 38%),
        repeating-linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.018) 0,
            rgba(255, 255, 255, 0.018) 1px,
            transparent 1px,
            transparent 4px
        ),
        linear-gradient(160deg, var(--neon-bg-1), var(--neon-bg-2) 52%, var(--neon-bg-3));
}

/* Light theme — user opt-in */
body.theme-light {
    color: var(--shared-ink-light);
    background: var(--shared-bg-light);
    font-family: system-ui, -apple-system, Arial, sans-serif;
}

.is-hidden {
    display: none;
}

.btn-primary-action {
    background: var(--shared-primary);
    color: #fff;
    border: none;
    padding: 5px 14px;
    border-radius: 5px;
    cursor: pointer;
}

.btn-primary-action:hover {
    background: var(--shared-primary-hover);
}

.inline-input-compact {
    flex: 1;
    padding: 4px 6px;
    border-radius: 5px;
    border: 1px solid #bbb;
}

.help-muted-text {
    font-size: 13px;
    color: #666;
}

#multiLeyendaControl {
    margin-left: 14px;
    font-size: 13px;
    cursor: pointer;
}

#multiLeyendaMsg {
    color: #888;
}

body.theme-dark .help-muted-text {
    color: var(--shared-muted-dark);
}