/* =========================================================
   NUEK — Brand tokens (from PPT) + base styles
   ========================================================= */

:root {
    /* Core palette */
    --nuek-jet-black: #0c0c0c;
    --nuek-space-grey: #e3e3e3;
    /* Accent */
    --nuek-supernova-light: #a44dff;
    --nuek-supernova-dark: #7d39c4;
    /* Greys (for text/graphics depending on bg) */
    --nuek-grey-1: #c6c6c6;
    --nuek-grey-2: #aaaaaa;
    --nuek-grey-3: #8e8e8e; /* text on dark */
    --nuek-grey-4: #717171;
    --nuek-grey-5: #555555; /* text on light */
    --nuek-grey-6: #393939;
    /* Pure black/white reserved for logo/links/CTA */
    --nuek-black: #000000;
    --nuek-white: #ffffff;
    /* Radius (rounded / organic preference) */
    --nuek-radius: 16px;
    /* Typography (requires installing Saans) */
    --nuek-font: "Saans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    /* Type scale mapped from PPT (pt approximated to px at 96dpi) */
    --nuek-h1: 40px; /* 30pt */
    --nuek-h2: 20px; /* 15pt */
    --nuek-body: 11px; /* 8pt */
    --nuek-small: 8px; /* 6pt for charts when needed */
}

/* ---------------------------------------------------------
   Theme modes (match PPT rules)
   --------------------------------------------------------- */

/* Dark mode: Jet Black background, Grey#3 text, Supernova Light accents */
.nuek-theme--dark {
    --nuek-bg: var(--nuek-jet-black);
    --nuek-text: var(--nuek-grey-3);
    --nuek-accent: var(--nuek-supernova-dark);
    --nuek-cta: var(--nuek-white); /* reserved */
    --nuek-logo: var(--nuek-white); /* reserved */
    --nuek-slide-bg: rgb(255 255 255 / 2%);
}

/* Light mode: Space Grey background, Grey#5 text, Supernova Dark accents */
.nuek-theme--light {
    --nuek-bg: var(--nuek-space-grey);
    --nuek-text: var(--nuek-grey-5);
    --nuek-accent: var(--nuek-supernova-dark);
    --nuek-cta: var(--nuek-black); /* reserved */
    --nuek-logo: var(--nuek-black); /* reserved */
    --nuek-slide-bg: rgb(255 255 255 / 20%);
}

/* ---------------------------------------------------------
   “Slide” container class (the one you’ll use most)
   --------------------------------------------------------- */

.nuek-slide {
    font-family: var(--nuek-font);
    background: var(--nuek-slide-bg);
    color: var(--nuek-text);
    border-radius: var(--nuek-radius); /* keep rounded corners by default */
    /*padding: 48px;*/
    line-height: 1.35;
}

/* Title / subtitle / body hierarchy aligned to PPT */
.nuek-title {
    font-size: var(--nuek-h1);
    font-weight: 500; /* Saans Medium */
    letter-spacing: -0.02em;
    margin: 0 0 12px 0;
}

.nuek-subtitle {
    font-size: var(--nuek-h2);
    font-weight: 400; /* Saans Regular */
    margin: 0 0 18px 0;
}

.nuek-body {
    font-size: var(--nuek-body);
    font-weight: 400; /* Saans Regular */
    margin: 0;
}

/* Accent highlight for “Supernova” emphasis on titles/keywords */
.nuek-accent {
    color: var(--nuek-accent);
}

/* Links / CTA (pure black/white reserved per PPT) */
.nuek-link,
.nuek-cta {
    color: var(--nuek-cta);
    text-decoration: none;
    font-weight: 600;
}

    .nuek-link:hover,
    .nuek-cta:hover {
        text-decoration: underline;
    }

/* Optional: subtle Supernova gradient (linear/radial used in PPT) */
.nuek-supernova-gradient--linear {
    background: linear-gradient(135deg, rgba(164, 77, 255, 0.0) 0%, rgba(164, 77, 255, 0.35) 100%), var(--nuek-bg);
}

.nuek-supernova-gradient--radial {
    background: radial-gradient(circle at 20% 10%, rgba(164, 77, 255, 0.45) 0%, rgba(164, 77, 255, 0.0) 55%), #000000;
}