:root {
    --wf-brand: #1f4b99;
    --wf-accent: #e7eefb;
    --wf-radius: 24px;
    --wh-ink: #0f172a;
    --wh-ink-soft: #334155;
    --wh-ink-muted: #64748b;
    --wh-border: rgba(15, 23, 42, 0.12);
    --wh-surface: #ffffff;
    --wh-surface-alt: #f7fbfb;
    --wh-shell: min(1220px, calc(100vw - 40px));
    --wh-product-grid-columns: 3;
    --wh-post-grid-columns: 3;
    --wh-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
}