/**
 * Polyglot Pages Theme — CSS Variables
 * Nasaon Digital Agency
 * Palette: Midnight Blue + Coral
 */

:root {
    /* ── Brand Colours ─────────────────────────── */
    --pp-primary:        #1B3A6B;
    --pp-primary-dark:   #122848;
    --pp-primary-light:  #E8EEF8;
    --pp-primary-pale:   #f0f4fb;

    --pp-accent:         #E8573A;
    --pp-accent-mid:     #f07a62;
    --pp-accent-light:   #fdf0ed;

    /* ── Neutrals ──────────────────────────────── */
    --pp-white:          #ffffff;
    --pp-cream:          #f8f9fc;
    --pp-cream-border:   rgba(27, 58, 107, 0.12);
    --pp-text:           #1B3A6B;
    --pp-text-muted:     #5a6a8a;
    --pp-text-faint:     #9aa5be;
    --pp-border:         rgba(27, 58, 107, 0.14);
    --pp-border-soft:    #eef0f5;

    /* ── Typography ────────────────────────────── */
    --pp-font-serif:     'Playfair Display', Georgia, serif;
    --pp-font-sans:      'Source Sans 3', 'Segoe UI', sans-serif;

    /* ── Spacing ───────────────────────────────── */
    --pp-radius-sm:      6px;
    --pp-radius-md:      10px;
    --pp-radius-lg:      14px;
    --pp-radius-pill:    999px;

    /* ── Shadows ───────────────────────────────── */
    --pp-shadow-card:    0 4px 20px rgba(27, 58, 107, 0.08);
    --pp-shadow-hover:   0 8px 30px rgba(27, 58, 107, 0.14);

    /* ── Transitions ───────────────────────────── */
    --pp-transition:     all 0.18s ease;
}