/* plumlines palette: Charcoal & Ember (all text passes WCAG AAA) */
/* Bold palette: Charcoal & Ember
   Stephanie's swatches: charcoal #363833, red-orange #DD5B35, orange #F0993A.
   Loaded after theme-bold.css. Contrast:
     white on 363833 11.9 AAA | near-black on F0993A 8.4 AAA | 8A2D0F (deepened red-orange) on white 8.5 AAA
     DD5B35 itself is used only for shapes and icon badges (graphics, 3.7:1), never for text */
:root {
  --cyan: #DD5B35;            /* red-orange: shapes, icon badges, header rule */
  --cyan-deep: #363833;       /* charcoal blocks behind white text */
  --orange: #F0993A;          /* orange accent shapes and rules */
  --copper: #8A2D0F;          /* deepened red-orange for buttons and links (8.5:1) */
  --copper-hover: #6E230C;
  --wordmark: #363833;

  --hero-circle: #24251F;
  --hero-btn-bg: #F0993A;     /* orange button, near-black text (8.4:1) */
  --hero-btn-fg: #111111;
  --hero-btn-hover: #F6AE5E;

  --on-orange: #111111;
  --band-bg: #F0993A;         /* closing band: orange, near-black text */
  --on-band: #111111;
  --band-btn-bg: #111111;
  --band-btn-fg: #FFFFFF;
}

/* Form focus ring in the palette's red-orange */
input:focus, textarea:focus { box-shadow: 0 0 0 4px rgba(221, 91, 53, 0.28); }
:root { --blob1-rgb: 221, 91, 53; }

/* Form placeholder text: browsers default to a pale gray; this is 8.9:1 on white */
::placeholder { color: #4A4A4A; opacity: 1; }

/* Charcoal for headings and text, matching the name in the header.
   (Text that sits on the orange blocks stays near-black: charcoal would only reach ~5:1 there.) */
:root {
  --charcoal: #363833;
  --text: #363833;
  --text-muted: #45463F;
}