/* Penworthy design tokens — generated from design-reference/styles.css.
   Fonts: Instrument Sans (display) · Noto Sans (body) · Caveat Brush (script). */

:root {
  /* Brand */
  --pw-blue: #2965A1;          /* primary text blue, used in headings */
  --pw-blue-deep: #0565A5;     /* header/nav, slightly brighter */
  --pw-blue-dark: #033759;     /* dark accent */
  --pw-blue-tint: #E0F1FE;     /* pale blue bubble */
  --pw-blue-tint-2: #C7E2F0;
  --pw-yellow: #F8E49A;        /* CTA secondary */
  --pw-yellow-light: #FBF0CA;  /* card backgrounds */
  --pw-cream: #FDF0C8;
  --pw-orange: #E0A040;        /* brand orange — pair with --pw-orange-btn-ink text, never white */
  --pw-orange-hover: #C88B30;
  --pw-orange-btn-ink: #452A10; /* warm chocolate label on the brand orange — 5.83:1 on --pw-orange, 4.52:1 on hover (AA) */
  --pw-coral: #F75940;         /* alerts / sale */
  --pw-coral-light: #FAE8DF;
  --pw-green: #53BA89;
  --pw-green-light: #DFF5E8;
  --pw-purple: #9180D2;
  --pw-tan: #DE9B3C;
  --pw-tan-text: #8F6314;   /* eyebrow/label tan — 5.30:1 white, 4.66:1 cream (AA) */

  /* Neutrals */
  --pw-ink: #3A3A3A;
  --pw-ink-2: #545454;
  --pw-ink-3: #6A6A6A;         /* muted text — 5.05:1 on --pw-bg-2 #F7F7F7 (AA); was #767676 = 4.24:1 */
  --pw-ink-mute: #C2C2C2;
  --pw-line: #E7E7E7;
  --pw-line-2: #F5F5F5;
  --pw-bg: #FFFFFF;
  --pw-bg-2: #F7F7F7;

  /* Type */
  --pw-display: 'Instrument Sans', system-ui, -apple-system, sans-serif;
  --pw-body: 'Noto Sans', system-ui, -apple-system, sans-serif;
  --pw-script: 'Caveat Brush', cursive;

  /* Radii */
  --pw-r-sm: 6px;
  --pw-r: 10px;
  --pw-r-md: 14px;
  --pw-r-lg: 20px;
  --pw-r-xl: 30px;
  --pw-pill: 999px;

  /* Shadow */
  --pw-shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 1px 1px rgba(0,0,0,.03);
  --pw-shadow: 0 4px 14px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);
  --pw-shadow-lg: 0 18px 40px rgba(0,0,0,.10), 0 4px 12px rgba(0,0,0,.06);
}