/* Shared tokens. New pages opt in with .public-theme-surface and use these values. */
:root {
    --public-bg: #f3f5fb;
    --public-surface: #ffffff;
    --public-text: #0b1240;
    --public-muted: #5b6491;
    --public-border: #e3e7f5;
    --public-accent: #2b4dff;
    --public-on-accent: #ffffff;
}
:root[data-theme="dark"] {
    --public-bg: #0c1020;
    --public-surface: #171e34;
    --public-text: #eef1ff;
    --public-muted: #b0bada;
    --public-border: #35405e;
    --public-accent: #91a4ff;
}
.public-theme-surface { background: var(--public-bg); color: var(--public-text); color-scheme: light; }
[data-theme="dark"] .public-theme-surface { color-scheme: dark; }
/* The current services section is the first consumer; legacy pages opt in separately. */
[data-theme="dark"] .r4p-services {
    --surface: var(--public-bg);
    --primary-dark: var(--public-text);
    --white: var(--public-surface);
    --border: var(--public-border);
    --muted: var(--public-muted);
    --muted-strong: var(--public-muted);
    color-scheme: dark;
}
[data-theme="dark"] .r4p-services .plan-card--popular { --white: #fff; background: #172656; color: #fff; }
[data-theme="dark"] .r4p-services .plan-card--popular .plan-card__for,
[data-theme="dark"] .r4p-services .plan-card--popular .price-note { color: #c5cfed; }
[data-theme="dark"] .r4p-services .plan-card__cta,
[data-theme="dark"] .r4p-services .badge-popular { color: #fff; }
[data-theme="dark"] .r4p-services .ladder__node.is-active .ladder__years,
[data-theme="dark"] .r4p-services .price-countdown__refresh { color: #fff; }
[data-theme="dark"] .r4p-services .plan-card__delivery-select option {
    background: var(--public-surface); color: var(--public-text);
}