/* Dimension Themes */

/* Default: C-137 (Current theme) */
body[data-dimension="c-137"] {
    --portal-green: #00ff88;
    --dimension-blue: #00d4ff;
    --morty-yellow: #ffd700;
    --rick-cyan: #4affff;
    --dark-space: #0a0e27;
    --medium-space: #1a1f3a;
    --light-text: #e8f4f8;
    --accent-pink: #ff006e;
}

/* Dimension C-420: Chill Timeline */
body[data-dimension="c-420"] {
    --portal-green: #00ff00;
    --dimension-blue: #00ffff;
    --morty-yellow: #ffff00;
    --rick-cyan: #00ff88;
    --dark-space: #1a0033;
    --medium-space: #2d0052;
    --light-text: #e0ffe0;
    --accent-pink: #ff00ff;
}

/* Dimension DOOM: Nightmare Timeline */
body[data-dimension="doom"] {
    --portal-green: #ff0000;
    --dimension-blue: #ff6600;
    --morty-yellow: #ff9900;
    --rick-cyan: #ff0066;
    --dark-space: #1a0000;
    --medium-space: #330000;
    --light-text: #ffcccc;
    --accent-pink: #ff0033;
}

/* Dimension HOPE: Optimistic Timeline */
body[data-dimension="hope"] {
    --portal-green: #88ff00;
    --dimension-blue: #00ccff;
    --morty-yellow: #ffdd00;
    --rick-cyan: #00ffdd;
    --dark-space: #001a33;
    --medium-space: #003366;
    --light-text: #e8f8ff;
    --accent-pink: #ff66cc;
}

/* Dimension BORING: Corporate Timeline */
body[data-dimension="boring"] {
    --portal-green: #888888;
    --dimension-blue: #999999;
    --morty-yellow: #aaaaaa;
    --rick-cyan: #bbbbbb;
    --dark-space: #1a1a1a;
    --medium-space: #2a2a2a;
    --light-text: #cccccc;
    --accent-pink: #777777;
}

/* Dimension CYBER: Cyberpunk Timeline */
body[data-dimension="cyber"] {
    --portal-green: #00ff9f;
    --dimension-blue: #00d4ff;
    --morty-yellow: #ffea00;
    --rick-cyan: #ff00ea;
    --dark-space: #0a0a1a;
    --medium-space: #1a1a2a;
    --light-text: #00ffff;
    --accent-pink: #ff0099;
}

/* Smooth theme transitions */
body {
    transition: background-color 0.5s ease, color 0.5s ease;
}

header,
.block,
.ticker,
footer,
.ad-block,
.reality-meter {
    transition: background-color 0.5s ease, border-color 0.5s ease;
}

.category,
.logo,
.tagline,
.dimension-selector,
.icon-btn,
.reaction-btn {
    transition: color 0.5s ease, border-color 0.5s ease;
}