/*
 * Theme: umake
 * Source brand variables from umake.fr:
 *   --cl-primary:   #1A355E  (navy — main brand, text, logo)
 *   --cl-secondary: #F7AD5C  (orange — accent highlights, controls, progress)
 *   --cl-green:     #2ed19b
 *   --cl-red:       #FF5565
 */

/* --- CSS variable overrides --- */
.theme-umake {
    --color-accent:      #F7AD5C;
    --color-bg:          #f5ede0;
    --color-text:        #1A355E;
    --color-text-muted:  #4d6a96;
    --color-surface:     rgba(26, 53, 94, 0.06);
    --color-border:      rgba(247, 173, 92, 0.45);
    --shadow-bar:        0 2px 6px rgba(26, 53, 94, 0.12);
    --shadow-soft:       0 8px 24px rgba(26, 53, 94, 0.18);
}

/* Headings use the primary navy rather than the orange accent */
.reveal.theme-umake h1,
.reveal.theme-umake h2,
.reveal.theme-umake h3 {
    color: #1A355E;
}

/* Progress bar and navigation controls use primary navy */
.reveal.theme-umake .progress span {
    background: #1A355E !important;
}

.reveal.theme-umake .controls,
.reveal.theme-umake .controls button,
.reveal.theme-umake .controls button.enabled,
.reveal.theme-umake .controls .navigate-left,
.reveal.theme-umake .controls .navigate-right,
.reveal.theme-umake .controls .navigate-up,
.reveal.theme-umake .controls .navigate-down {
    color: #1A355E !important;
    border-color: #1A355E !important;
}

.reveal.theme-umake .controls button:hover {
    background: color-mix(in srgb, #1A355E 15%, transparent);
}

/* Solid warm cream background — no panel overlay on the slides */
body:has(.reveal.theme-umake),
body:has(.reveal.theme-umake) .reveal-viewport {
    background: #f5ede0 !important;
}

.reveal.theme-umake .slide-background,
.reveal.theme-umake .slide-background-content {
    background: transparent !important;
}

/* Slim navy line down the entire left edge */
body:has(.reveal.theme-umake)::before {
    content: '';
    position: fixed;
    inset: 0 auto 0 0;
    width: 1rem;
    background: #1A355E;
    z-index: 50;
    pointer-events: none;
}

/* Small navy logo box in the top-left corner, sits on top of the slim line */
body:has(.reveal.theme-umake)::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 4.5rem;
    height: 5.5rem;
    background:
        url('/images/umake/logo-white.svg') center / 2rem auto no-repeat,
        #1A355E;
    z-index: 51;
    pointer-events: none;
}