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

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

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

    --fjg-radius: 18px;
    --fjg-radius-lg: 26px;
    --fjg-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);

    --fjg-space-1: 0.25rem;
    --fjg-space-2: 0.5rem;
    --fjg-space-3: 0.75rem;
    --fjg-space-4: 1rem;
    --fjg-space-5: 1.5rem;
    --fjg-space-6: 2rem;
    --fjg-space-7: 3rem;
    --fjg-space-8: 4rem;

    --fjg-transition: 0.24s ease;
}

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

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