/**
 * Portal / Cyber-Hub — zentrale Design-Tokens für Index-Kacheln.
 * Legacy-Namen (--neon-blue, --index-tile-*, --hub-tile-*) bleiben Aliase.
 */
:root {
    --portal-space-bg: #050b18;
    --portal-neon-blue: #00d2ff;
    --portal-neon-orange: #ff9d00;
    --portal-neon-purple: #9d50bb;
    --portal-text-main: #ffffff;

    /* Lab-Kacheln (#tool-view, Ebene 2) */
    --portal-lab-tile-bg: rgba(18, 22, 32, 0.94);
    --portal-lab-tile-bg-hover: rgba(22, 26, 38, 0.97);
    --portal-lab-tile-border: rgba(165, 186, 210, 0.28);
    --portal-lab-tile-border-hover: rgba(102, 204, 255, 0.45);
    --portal-lab-title-cyan: #66ccff;
    --portal-lab-desc-color: #a0a0a0;
    --portal-lab-card-radius: 20px;
    --portal-lab-card-icon-h: 94px;
    --portal-stanford-lab-scale: 0.88;
    --portal-lab-card-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.35),
        0 8px 28px rgba(0, 0, 0, 0.45);
    --portal-lab-card-shadow-hover:
        0 0 0 1px rgba(102, 204, 255, 0.22),
        0 10px 32px rgba(0, 0, 0, 0.5);

    /* Hub-Kacheln (Themen #index-themes-block, Jahrgang jahrgang-portal-tile) */
    --portal-hub-tile-bg: rgba(18, 22, 32, 0.97);
    --portal-hub-tile-bg-hover: rgba(24, 28, 40, 0.98);
    --portal-hub-tile-border: 1px solid #33333b;
    --portal-hub-tile-border-hover: 1px solid #484c5c;
    --portal-hub-tile-radius: 26px;
    --portal-hub-tile-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
    --portal-hub-tile-shadow-hover: 0 16px 40px rgba(0, 0, 0, 0.48);
}

:root {
    --space-bg: var(--portal-space-bg);
    --neon-blue: var(--portal-neon-blue);
    --neon-orange: var(--portal-neon-orange);
    --neon-purple: var(--portal-neon-purple);
    --text-main: var(--portal-text-main);

    --index-tile-bg: var(--portal-lab-tile-bg);
    --index-tile-border: var(--portal-lab-tile-border);
    --index-tile-border-hover: var(--portal-lab-tile-border-hover);
    --index-tile-title-cyan: var(--portal-lab-title-cyan);
    --index-tile-desc: var(--portal-lab-desc-color);

    --hub-tile-border: var(--portal-hub-tile-border);
    --hub-tile-border-hover: var(--portal-hub-tile-border-hover);
    --hub-tile-radius: var(--portal-hub-tile-radius);
    --hub-tile-shadow: var(--portal-hub-tile-shadow);
    --hub-tile-shadow-hover: var(--portal-hub-tile-shadow-hover);

    --header-title-gradient: linear-gradient(to right, var(--neon-blue), #fff, var(--neon-purple));
}