/* ============================================
   Derbyshire Networking: palette tokens
   ============================================
   Every colour the site uses is defined here and nowhere else. css/style.css
   only references these tokens. To stand up another region, change this file
   (and keep config/site.json "theme" in step for emails and generated PNGs).

   Derbyshire palette: Blue John. Deep indigo ink and an indigo accent from
   the banded fluorite mined only at Castleton, with its honey band as the
   accent on dark, on warm gritstone paper. Rules: never honey text on paper
   (honey is for dark surfaces; the CTA is the indigo with white text);
   links on light surfaces are the darker indigo. */
:root {
  /* Ink (dark chrome: header, hero, subscribe, footer) */
  --site-ink: #15183A;
  --site-ink-soft: #1F2350;
  --site-ink-card: #2E3366;
  --site-ink-hairline: rgba(255, 255, 255, 0.10);
  --site-ink-rgb: 21, 24, 58;

  /* Paper (the listing) */
  --site-bg: #F6F4EF;
  --site-surface: #FFFFFF;
  --site-surface-alt: #ECE8E0;
  --site-surface-past: #F1EEE8;
  --site-border: #DDD8CE;
  --site-border-light: #E7E3DA;

  --site-text: #1C1B22;
  --site-text-muted: #5C5A66;
  --site-heading: #12121C;

  /* Indigo accent: selection, links and positive state on light surfaces */
  --site-accent: #3A3FA8;
  --site-accent-light: #4A50BA;
  --site-accent-dark: #2D3186;
  --site-accent-rgb: 58, 63, 168;
  --site-accent-glow: rgba(58, 63, 168, 0.08);

  /* Honey: the accent on ink (wordmark, eyebrows, links on dark) */
  --site-gold: #F2C866;
  --site-gold-light: #F7DA92;
  --site-gold-rgb: 242, 200, 102;

  /* Primary call to action: indigo with white text */
  --site-cta: #4349C4;
  --site-cta-hover: #5258D2;
  --site-cta-deep: #363BA6;
  --site-on-cta: #FFFFFF;

  /* Semantic */
  --site-confirmed: #1F6B3F;
  --site-confirmed-rgb: 31, 107, 63;
  --site-verified: #2E3366;
  --site-verified-rgb: 46, 51, 102;
  --site-likely: #A3472D;
  --site-likely-rgb: 163, 71, 45;
  --site-free: #1F6B3F;
  --site-expo: #A3472D;
  --site-sandstone: #A3472D;

  /* Badge backgrounds */
  --site-badge-neutral: #ECE8E0;

  /* Hero */
  --site-hero-text: #F6F4EF;
  --site-hero-muted: rgba(246, 244, 239, 0.82);

  /* Subscribe + footer sit on ink */
  --site-subscribe-bg: var(--site-ink-soft);
  --site-footer-bg: var(--site-ink);
  --site-footer-text: rgba(246, 244, 239, 0.9);
  --site-footer-muted: rgba(246, 244, 239, 0.6);
  /* Region artwork. The Crooked Spire is single-colour, so the header mark is
     the icon used as a mask, filled with the accent */
  --site-mark-image: url("/r/derbyshire/images/icon.svg");
  --site-mark-fill: var(--site-gold);
  --site-mark-mask: var(--site-mark-image) center / contain no-repeat;
  --site-mark-radius: 0;
  --site-promo-logo: url("/images/wingenious-logo.svg");
  --site-promo-logo-fill: #FFFFFF;
  --site-promo-logo-mask: var(--site-promo-logo) left center / contain no-repeat;

  /* Shadows: hairline ring + soft blur */
  --shadow-card: 0 0 0 1px rgba(21, 24, 58, 0.06), 0 2px 12px rgba(21, 24, 58, 0.06);
  --shadow-card-hover: 0 0 0 1px rgba(58, 63, 168, 0.35), 0 10px 28px rgba(21, 24, 58, 0.12);
  --shadow-btn: 0 8px 24px -10px rgba(67, 73, 196, 0.55);
}