/* ============================================================
   TOKENS — web fonts and the --pl-* colour / font / size variables.
   Loaded on every page. Change a colour here and it changes site-wide.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Source+Serif+4:ital,wght@0,300;0,400;0,600;1,400&family=JetBrains+Mono:wght@400;600&display=swap');

:root {
    --pl-green:       #115740;
    --pl-green-light: #1a7a58;
    --pl-green-muted: #e8f2ed;
    --pl-gold:        #c9a84c;
    --pl-tan:         #e8e0d0;
    --pl-cream:       #f8f6f1;
    --pl-white:       #ffffff;
    --pl-ink:         #1a1a1a;
    --pl-ink-mid:     #4a4a4a;
    --pl-ink-light:   #767676;
    --pl-red:         #c9202a;
    --pl-border:      #ddd8ce;

    --pl-font-display: 'Oswald', sans-serif;
    --pl-font-body:    'Source Serif 4', Georgia, serif;
    --pl-font-mono:    'JetBrains Mono', monospace;

    --pl-radius:    4px;
    --pl-radius-lg: 8px;
    --pl-shadow:    0 2px 8px rgba(0,0,0,0.08);
    --pl-shadow-md: 0 4px 16px rgba(0,0,0,0.12);
    --pl-max-width: 1180px;
}