/* ===================================================================
   Mentometry — Neon theme override
   The base theme is built on a CSS variable (design token) system; instead
   of rewriting selector-by-selector across ~100KB of base CSS, we simply
   replace the root (:root) variables with neon gaming values. This file
   must load *after* the base style.css for the override to actually apply.
   =================================================================== */

:root {
    /* backgrounds */
    --primary:        #060810;
    --primary-soft:   #0d1120;
    --primary-mid:    #10152a;

    --surface:        #0d1120;
    --surface-2:      #10152a;
    --surface-3:      #131a30;

    --dark-surface:   #060810;
    --dark-surface-2: #0d1120;
    --dark-surface-3: #10152a;
    --dark-border:    rgba(0,229,255,.15);

    /* primary brand colors (neon cyan/purple gaming palette) */
    --accent:         #00e5ff;
    --accent-2:       #ffc94d;
    --accent-3:       #7b5cff;
    --accent-light:   #5eeeff;
    --accent-glow:    rgba(0,229,255,.18);

    --fox-gradient:   linear-gradient(135deg, #00e5ff 0%, #7b5cff 55%, #ff2ec4 100%);
    --fox-gradient-h: linear-gradient(135deg, #5eeeff 0%, #9b7dff 55%, #ff5ed6 100%);

    /* text */
    --text-main:       #eaf0ff;
    --text-muted:      #8a94b8;
    --text-light:      #6b7494;
    --text-on-dark:    rgba(234,240,255,.9);
    --text-muted-dark: rgba(138,148,184,.75);

    /* border/shadow */
    --border:         #232c4a;
    --border-dark:    rgba(255,255,255,.08);
    --shadow-accent:  0 4px 20px rgba(0,229,255,.3);
}

/* Some components hardcode a #fff background instead of using the variable —
   this covers the common cases so they stay consistent with the theme */
body, .site, #main-content, .article-layout, .sidebar-widget, .comments-section {
    background-color: var(--primary) !important;
    color: var(--text-main);
}

a { color: var(--accent); }
a:hover { color: var(--accent-light); }

::selection { background: var(--accent); color: #04121a; }

/* Intro text block (elementor-element-bfdad3b / 04f4a87):
   follows the theme toggle only — dark by default, white bg/black text in light mode */
html[data-theme="dark"] .elementor-element-bfdad3b,
html:not([data-theme]) .elementor-element-bfdad3b,
html[data-theme="dark"] .elementor-element-04f4a87,
html:not([data-theme]) .elementor-element-04f4a87 {
    background-color: #000000 !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .elementor-element-04f4a87 *,
html:not([data-theme]) .elementor-element-04f4a87 * {
    color: #ffffff !important;
}

html[data-theme="light"] .elementor-element-bfdad3b,
html[data-theme="light"] .elementor-element-04f4a87 {
    background-color: #ffffff !important;
    color: #000000 !important;
}
html[data-theme="light"] .elementor-element-04f4a87 * {
    color: #000000 !important;
}