/* theme: default */
/*
 * Default theme. It uses the design tokens from Provomatic's core stylesheet as they are;
 * accent colour, font and corners come from the theme settings in the admin panel.
 * Other themes extend this one and override only what they change.
 */

/* theme: gaming */
/* Gaming: deep dark surfaces, a glowing accent and bold, upper-case buttons. Dark mode is the default. */
:root {
    --pm-canvas: #f4f3fb;
    --pm-surface: #ffffff;
    --pm-surface-muted: #efedf9;
    --pm-border: #dedbef;
    --pm-text: #15121f;
    --pm-muted: #5a556d;
}

.dark {
    --pm-canvas: #07060d;
    --pm-surface: #11101a;
    --pm-surface-muted: #191726;
    --pm-border: #2c2940;
    --pm-text: #f1effa;
    --pm-muted: #a39fbb;
}

/* Soft glow of the accent colour behind the page. */
.dark[data-theme='gaming'] body {
    background-image:
        radial-gradient(60rem 30rem at 15% -10%, color-mix(in oklab, var(--pm-primary) 22%, transparent), transparent 70%),
        radial-gradient(40rem 25rem at 100% 0%, color-mix(in oklab, #06b6d4 14%, transparent), transparent 70%);
    background-attachment: fixed;
}

[data-theme='gaming'] button[type='submit'].bg-primary-600,
[data-theme='gaming'] a.bg-primary-600 {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 700;
    box-shadow: 0 0 0 1px color-mix(in oklab, var(--pm-primary) 60%, transparent), 0 8px 24px -8px color-mix(in oklab, var(--pm-primary) 70%, transparent);
}

.dark[data-theme='gaming'] section,
.dark[data-theme='gaming'] main > div:first-child {
    box-shadow: 0 0 0 1px color-mix(in oklab, var(--pm-primary) 18%, transparent);
}

/* settings */
:root {
    --pm-primary: #8b5cf6;
    --pm-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --pm-radius: 0.75rem;
}