/* 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: minimal */
/* Minimal: black and white, square corners, no shadows, generous white space. */
:root {
    --pm-canvas: #ffffff;
    --pm-surface: #ffffff;
    --pm-surface-muted: #f5f5f5;
    --pm-border: #e5e5e5;
    --pm-text: #0a0a0a;
    --pm-muted: #5c5c5c;
}

.dark {
    --pm-canvas: #000000;
    --pm-surface: #0a0a0a;
    --pm-surface-muted: #161616;
    --pm-border: #2a2a2a;
    --pm-text: #fafafa;
    --pm-muted: #a3a3a3;
}

/* The black accent would vanish on black: white buttons in dark mode. ":root.dark" wins over the accent from the settings. */
:root.dark {
    --pm-primary: #fafafa;
    --pm-on-primary: #0a0a0a;
}

[data-theme='minimal'] .shadow-sm {
    box-shadow: none;
}

[data-theme='minimal'] h1 {
    font-weight: 500;
    letter-spacing: -0.02em;
}

/* settings */
:root {
    --pm-primary: #111827;
    --pm-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --pm-radius: 0px;
}