:root {
    --wpbs-content-max: 1240px;
    --wpbs-canvas-pad: 24px;
    --wpbs-header-height: 84px;

    --wpbs-color-primary: #1f3d3b;
    --wpbs-color-secondary: #2f6f7e;
    --wpbs-color-accent: #d8b36a;
    --wpbs-color-background: #f7f7f5;
    --wpbs-color-surface: #ffffff;
    --wpbs-color-surface-alt: #eef2ef;
    --wpbs-color-text: #1c1c1c;
    --wpbs-color-text-muted: #516063;
    --wpbs-color-border: #d9e1de;
    --wpbs-color-header-bg: #ffffff;
    --wpbs-color-header-text: #1c1c1c;
    --wpbs-color-footer-bg: #102a29;
    --wpbs-color-footer-text: #f4f6f4;
    --wpbs-color-success: #2e7d5b;

    --wpbs-font-heading: "Playfair Display", Georgia, serif;
    --wpbs-font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    --wpbs-radius-sm: 12px;
    --wpbs-radius-md: 18px;
    --wpbs-radius-lg: 26px;
    --wpbs-shadow-sm: 0 10px 30px rgba(15, 23, 42, 0.08);
    --wpbs-shadow-md: 0 16px 40px rgba(15, 23, 42, 0.12);
    --wpbs-shadow-lg: 0 20px 48px rgba(15, 23, 42, 0.18);

    --wpbs-space-xs: 0.25rem;
    --wpbs-space-sm: 0.5rem;
    --wpbs-space-md: 1rem;
    --wpbs-space-lg: 1.5rem;
    --wpbs-space-xl: 2rem;
    --wpbs-space-2xl: 3rem;
    --wpbs-space-3xl: 4rem;

    --wpbs-transition: 0.24s ease;

    /* Legacy aliases preserved for the staged migration. */
    --fjg-content-max: var(--wpbs-content-max);
    --fjg-canvas-pad: var(--wpbs-canvas-pad);
    --fjg-header-height: var(--wpbs-header-height);
    --fjg-color-primary: var(--wpbs-color-primary);
    --fjg-color-secondary: var(--wpbs-color-secondary);
    --fjg-color-accent: var(--wpbs-color-accent);
    --fjg-color-background: var(--wpbs-color-background);
    --fjg-color-surface: var(--wpbs-color-surface);
    --fjg-color-surface-alt: var(--wpbs-color-surface-alt);
    --fjg-color-text: var(--wpbs-color-text);
    --fjg-color-text-soft: var(--wpbs-color-text-muted);
    --fjg-color-border: var(--wpbs-color-border);
    --fjg-color-header-bg: var(--wpbs-color-header-bg);
    --fjg-color-header-text: var(--wpbs-color-header-text);
    --fjg-color-footer-bg: var(--wpbs-color-footer-bg);
    --fjg-color-footer-text: var(--wpbs-color-footer-text);
    --fjg-color-success: var(--wpbs-color-success);
    --fjg-font-heading: var(--wpbs-font-heading);
    --fjg-font-body: var(--wpbs-font-body);
    --fjg-radius: var(--wpbs-radius-md);
    --fjg-radius-lg: var(--wpbs-radius-lg);
    --fjg-shadow: var(--wpbs-shadow-md);
    --fjg-space-1: var(--wpbs-space-xs);
    --fjg-space-2: var(--wpbs-space-sm);
    --fjg-space-3: 0.75rem;
    --fjg-space-4: var(--wpbs-space-md);
    --fjg-space-5: var(--wpbs-space-lg);
    --fjg-space-6: var(--wpbs-space-xl);
    --fjg-space-7: var(--wpbs-space-2xl);
    --fjg-space-8: var(--wpbs-space-3xl);
    --fjg-transition: var(--wpbs-transition);
}

body {
    background-color: var(--wpbs-color-background);
    color: var(--wpbs-color-text);
}

::selection {
    background: rgba(216, 179, 106, 0.25);
}