/* ==========================================================================
   giv.care Colorado — theme
   The original Colorado palette: giv.care cream / peach / mist / butter /
   coral / charcoal, with a Front Range night-ink layer. Values are unchanged
   from the single-state site; only the token names became roles.
   ========================================================================== */

:root {
  --paper: #FFF9F5;       --paper-rgb: 255 249 245;   /* cream */
  --text: #4B494A;        --text-rgb: 75 73 74;       /* charcoal */
  --ink: #1E1C1D;         --ink-rgb: 30 28 29;        /* night-sky sections */
  --ink-2: #2A2829;       --ink-2-rgb: 42 40 41;
  --muted: #6E6A6B;                                   /* 5.11:1 on cream */

  --tint-warm: #FFEAD1;   /* peach */
  --tint-cool: #E1EDEF;   /* mist */
  --tint-sun: #EDEDBF;    /* butter */
  --support: #3D6660;     /* pine */
  --support-soft: #9CC3CA;/* sky */

  --accent: #FF8777;      --accent-rgb: 255 135 119;  /* coral */
  --accent-ink: #B8412F;  /* coral for text on light — 5.25:1 on cream */
  --accent-soft: #FFB4A8; /* coral for text on ink — 9.96:1 */
  --accent-on-ink: #FF8777; /* coral as text/lines on ink */
  --accent-fg: #1E1C1D;   /* text on a coral fill */
  --accent-hover: #FF9B8D;
  --accent-2: #FFB199;
  --accent-wash: #FFF3EE;

  --ok-bg: #DDF2E3;
  --ok-fg: #1F6B36;
  --ok-fg-2: #1F7A3A;
  --ok-dot: #34A853;
  --cta-glow-2: #5E8E96;
  --cta-glow-3: #C88A5E;
}

/* Home hero video panel: the poster shows while the video loads or is paused */
.hero-frame { background-image: url("/assets/video/home-reading/poster.jpg"); }
/* The status pill sits above the headline in the stacked hero */
.hero-stack .status-pill { margin-bottom: 22px; }
.hero-stack .hero-meta { margin-top: 22px; }
/* Keep both faces in the wide crop */
.hero-frame video { object-position: 58% 16%; }