/* Shared reference roles and exact local faces. Global values come from native The7 options. */

@font-face{font-family:"Newsreader";font-style:normal;font-weight:200 800;font-display:swap;
  src:url("../reference/fonts/newsreader-latin.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:200 800;font-display:swap;
  src:url("../reference/fonts/newsreader-latin-italic.woff2") format("woff2")}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("../reference/fonts/public-sans-latin.woff2") format("woff2")}
@font-face{font-family:"Public Sans";font-style:italic;font-weight:100 900;font-display:swap;
  src:url("../reference/fonts/public-sans-latin-italic.woff2") format("woff2")}

:root{
  --pvj-green:     #1D5A4B;
  --pvj-green-800: #17493D;
  --pvj-green-900: #123930;
  --pvj-green-950: #0A231D;
  --pvj-clay-deep: #B8401F;
  --pvj-sage:      #8BA281;   /* from logo */
  --pvj-tan:       #D0B19D;   /* from logo */
  --pvj-ivory:     #F6F3EC;
  --pvj-shellbg:   #EDE8DD;


  /* radius scale — restrained, editorial rather than app-like */
  --pvj-r-xs: 3px;
  --pvj-r-sm: 5px;
  --pvj-r-md: 8px;
  --pvj-r-lg: 12px;

  /* shadows tinted with the brand green instead of neutral black,
     so they read as warm depth rather than grey haze */
  --pvj-sh-1: 0 1px 2px rgba(18,57,48,.05), 0 2px 6px rgba(18,57,48,.045);
  --pvj-sh-2: 0 2px 4px rgba(18,57,48,.05), 0 6px 16px rgba(18,57,48,.07);
  --pvj-sh-3: 0 4px 10px rgba(18,57,48,.06), 0 14px 34px rgba(18,57,48,.10);
  --pvj-sh-inset-line: inset 0 0 0 1px rgba(139,162,129,.28);

  /* hairline */
  --pvj-line: rgba(139,162,129,.42);
  --pvj-line-soft: rgba(27,33,30,.09);
  --pvj-line-dark: rgba(246,243,236,.15);

  --pvj-color-ink:var(--pvj-ink);
  --pvj-color-accent:var(--pvj-clay);
  --pvj-color-background:var(--pvj-ivory);
  --pvj-color-surface:var(--pvj-shellbg);
  --pvj-color-muted:var(--pvj-ink-60);
  --pvj-color-border:var(--pvj-line);
  --pvj-color-error:#ffd1c4;
  --pvj-font-display:var(--pvj-f-display);
  --pvj-font-body:var(--pvj-f-body);
  --pvj-container-wide:var(--pvj-shell);
  --pvj-container-content:60ch;
}