/* PriceFox redesign — design tokens.
   Source: site_redesign/design/tokens.jsx
   Direction: editorial-retail. One orange accent, one green for prices. */

:root {
  /* Palette */
  --pf-bg:          #F7F3EA;  /* warm off-white */
  --pf-paper:       #FFFFFF;
  --pf-ink:         #15130E;  /* near-black, warm */
  --pf-body:        #3A372E;
  --pf-muted:       #4F4A3D;  /* darkened 01.05 for WCAG AA contrast on warm bg (was #76705F = 4.17:1, now ~6.5:1) */
  --pf-rule:        #E1DACA;
  --pf-rule-soft:   #EDE6D5;

  --pf-accent:      #E25D11;  /* orange — flat, printerly */
  --pf-accent-ink:  #FFFFFF;
  --pf-accent-soft: #FBE8D6;

  --pf-green:       #1F7A3E;  /* prices */
  --pf-green-soft:  #E4F3E8;
  --pf-red:         #C2410C;  /* discount badges */

  /* Type stack — гибрид:
     - --pf-display: Fraunces (editorial serif, как в канвасе) — для h1/h2 заголовков
     - --pf-ui: Open Sans — body, кнопки, nav (читаемый sans)
     - --pf-mono: Open Sans — мелкие kicker-надписи (вместо JetBrains Mono для читаемости)
     History: Fraunces (29.04) → Inter Tight (01.05) → Open Sans (01.05) → гибрид (01.05). */
  --pf-display:     'Fraunces', 'Source Serif 4', Georgia, serif;
  --pf-ui:          'Open Sans', system-ui, -apple-system, sans-serif;
  --pf-mono:        'Open Sans', system-ui, -apple-system, sans-serif;
}

/* Footer responsive grid — desktop 4-up, tablet 2-up, mobile 1 col.
   Inline styles в footer.html задают только display/gap/border, columns здесь. */
.pf-footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1fr; }
@media (max-width: 900px) {
  .pf-footer { padding: 32px 24px 24px !important; }
  .pf-footer-grid { grid-template-columns: 1fr 1fr !important; gap: 32px !important; }
}
@media (max-width: 540px) {
  .pf-footer-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
}