/*
 * Depende de app.css (tokens --app-*), carregado antes. Não toca nos assets
 * do Apple Pay (mantém bootstrap.css apenas para grid/botões).
 */

body {
    background: var(--app-bg);
    color: var(--app-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
        Arial, sans-serif;
}

.container {
    margin-top: 50px;
    background: var(--app-surface);
    color: var(--app-text);
    padding: 30px;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius);
}

.page-header {
    background: var(--app-accent);
    color: var(--app-accent-contrast);
    padding: 20px;
    border-radius: var(--app-radius) var(--app-radius) 0 0;
}

.page-header p {
    margin: 8px 0 0;
    opacity: 0.9;
}

.container h2 {
    color: var(--app-text);
}

.container p {
    color: var(--app-muted);
}