/*
 * GOONDEX THEME / VARIABLES / RESET
 * Updated for: Dark mode only + Medium Flamingo Pink neon accents
 */

/* ===========================
 *   VARIABLES
 * =========================== */
:root {
    /* --- BRAND IDENTITY --- */
    --color-brand: #FF4FA3;          /* Flamingo Pulse Pink */
    --color-brand-strong: #d74280;   /* Deep Flamingo (new) */
    --color-brand-hover: #d74280;    /* Hover uses deeper pink */
    --color-brand-glow: transparent; /* Flat theme: no glow */

    /* --- TEXT --- */
    --color-text-primary: #F8F8F8;
    --color-text-secondary: #9BA0A8;
    --color-header: #D78BE0;
    --color-keypoint: #FF66C4;

    /* --- ALERTS --- */
    --color-warning: #FFAA88;
    --color-info: #7EE7E7;

    /* --- BACKGROUND LAYERS (plum-forward dark) --- */
    --color-bg-dark: #2f2333;       /* Plum base */
    --color-bg-card: #3a2b40;       /* Card plum */
    --color-bg-elevated: #44344a;   /* Elevated plum */

    /* --- BORDERS --- */
    --color-border: #59475f;
    --color-border-soft: #59475f;

    /* --- RADII --- */
    --radius: 12px;
    --radius-soft: 20px;

    /* --- MOTION --- */
    --transition-fast: 0.15s ease;
    --transition: 0.25s ease;

    /* --- UI GRID --- */
    --rail-width: 180px;

    /* --- SHADOWS (flattened) --- */
    --shadow-glow-pink: none;
    --shadow-glow-pink-soft: none;
    --shadow-elevated: none;
}

/* ===========================
 *   RESET
 * =========================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ===========================
 *   BASE
 * =========================== */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    line-height: 1.6;
    color: var(--color-text-primary);
    background: var(--color-bg-dark);
    overflow-x: hidden;
}

/* ===========================
 *   SCROLLBARS (dark + pink accent)
 * =========================== */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: var(--color-bg-dark);
}

::-webkit-scrollbar-thumb {
    background: var(--color-brand);
    border-radius: 6px;
    box-shadow: none;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-brand-hover);
    box-shadow: none;
}

/* ===========================
 *   TEXT SELECTION
 * =========================== */
::selection {
    background: var(--color-brand);
    color: white;
}

/* ===========================
 *   UTILITY CLASSES (for GX + layouts)
 * =========================== */

/* Subtle glowing border */
.glow-border {
    border: 1px solid var(--color-border-soft);
    box-shadow: none;
}

/* Card elevation */
.elevated {
    background: var(--color-bg-elevated);
    box-shadow: none;
}

/* Brand glow text (subtle) */
.text-glow {
    text-shadow: none;
}

/* Pink glow panel (subtle accent for navbar or hero) */
.panel-glow {
    box-shadow: none;
}

/* Global flat override to strip remaining glow from legacy components */
body, header, footer, nav, section, article,
.card, .panel, .navbar, .sidebar, .btn, .button, .badge, .chip, .tag,
input, select, textarea, button,
.modal, .dialog, .tooltip, .toast, .dropdown, .tabs, .table {
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
}

/* Absolute kill-switch for any remaining glow/shadow */
*, *::before, *::after {
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
}
