/*
Theme Name:     WalksDevour Blog
Theme URI:      https://walksdevour.com
Description:    WalksDevour design-system skin for the blog. Child theme of takewalks-blog-theme.
Author:         WalksDevour Team
Author URI:     https://walksdevour.com
Template:       generatepress
Version:        1.0.5
Requires at least: 6.4
Requires PHP:   7.4
License:        Proprietary
Text Domain:    walksdevour-blog
*/

/* @font-face — Season Sans + Season Mix
 * Source: walks-devour Next.js repo (src/app/fonts/)
 * weight 500 = SeasonSans-Medium (matches design-tokens.tsx; main site Next.js
 *   layout uses 444 — intentional deviation, see worklog 2026-05-08)
 */
@font-face {
    font-family: 'Season Sans';
    src: url('assets/fonts/SeasonSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Season Sans';
    src: url('assets/fonts/SeasonSans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Season Sans';
    src: url('assets/fonts/SeasonSans-SemiBold.woff2') format('woff2');
    font-weight: 600 900;
    font-style: normal;
    font-display: swap;
}
/* Season Sans only ships up to SemiBold (600). Range 600 900 catches any
   700/800/900 request from parent theme / plugins and routes it to the
   SemiBold file (browser synthesises faux-bold for the gap). Without this,
   font-weight: 700 falls all the way through to Inter 700, breaking the
   brand-typography illusion. We still prefer setting weight: 600 explicitly
   on selectors we control (see wd-overrides.css headings + wd-ribbon-banner.css)
   to avoid the faux-bold artefact. */
@font-face {
    font-family: 'Season Mix';
    src: url('assets/fonts/SeasonMix-RegularItalic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Season Mix';
    src: url('assets/fonts/SeasonMix-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Season Mix';
    src: url('assets/fonts/SeasonMix-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600 900;
    font-style: italic;
    font-display: swap;
}

/* WalksDevour Design Tokens — source: repos/walksdevour-design-system */

:root {
  /* WD palette (from design-tokens.tsx — colors[]) */
  --wd-primary: #2D5132;          /* Forest green — primary */
  --wd-primary-hover: #234023;    /* Forest green — hover */
  --wd-secondary: #FCDE73;        /* Lemon */
  --wd-accent: #F1C2AB;           /* Rose */
  --wd-cream: #FFFAED;            /* Cream — page bg */
  --wd-foreground: #1D1D1B;       /* Warm black — body text */
  --wd-muted: #5E5856;            /* Warm gray — secondary text */
  --wd-border: #DCD8CC;           /* Warm border */

  /* Radius (from index.css) */
  --wd-radius: 0.625rem;          /* 10px */

  /* GeneratePress slot overrides — these 7 vars cascade across the parent's templates */
  --contrast: #1D1D1B;
  --contrast-2: #5E5856;
  --contrast-3: #9A958F;
  --base: #F5F1E8;
  --base-2: #FFFAED;
  --base-3: #FFFFFF;
  --global-color-8: #2D5132;
}

body {
  background-color: var(--wd-cream);
  color: var(--wd-foreground);
  font-family: "Season Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}