/* ============================================
   Northern Ireland 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).

   Northern Ireland palette: basalt ink (the Causeway stone) with an Atlantic
   blue accent and sea-glass on dark, on a cool grey paper. Chosen to stay
   clear of the colours that carry political weight in Northern Ireland:
   no green, no orange, no red-white-and-blue. Rules: never sea-glass text on
   paper (it is for dark surfaces; the CTA is the deeper Atlantic blue with
   white text); links on light surfaces are the darker blue. */
:root {
  /* Ink (dark chrome: header, hero, subscribe, footer) */
  --site-ink: #121A21;
  --site-ink-soft: #1B2630;
  --site-ink-card: #2A3843;
  --site-ink-hairline: rgba(255, 255, 255, 0.10);
  --site-ink-rgb: 18, 26, 33;

  /* Paper (the listing) */
  --site-bg: #F3F6F8;
  --site-surface: #FFFFFF;
  --site-surface-alt: #E6EDF1;
  --site-surface-past: #EDF1F4;
  --site-border: #D5DEE4;
  --site-border-light: #E2E8EC;

  --site-text: #18212A;
  --site-text-muted: #56636E;
  --site-heading: #0D151C;

  /* Atlantic blue accent: selection, links and positive state on light surfaces */
  --site-accent: #0F5F7D;
  --site-accent-light: #1A7193;
  --site-accent-dark: #0B4B63;
  --site-accent-rgb: 15, 95, 125;
  --site-accent-glow: rgba(15, 95, 125, 0.08);

  /* Sea-glass: the accent on ink (wordmark, eyebrows, links on dark) */
  --site-gold: #8FD3E8;
  --site-gold-light: #B5E3F0;
  --site-gold-rgb: 143, 211, 232;

  /* Primary call to action: deep Atlantic blue with white text */
  --site-cta: #0E6F8F;
  --site-cta-hover: #158099;
  --site-cta-deep: #0B5A75;
  --site-on-cta: #FFFFFF;

  /* Semantic */
  --site-confirmed: #1F6B3F;
  --site-confirmed-rgb: 31, 107, 63;
  --site-verified: #2A3843;
  --site-verified-rgb: 42, 56, 67;
  --site-likely: #A3472D;
  --site-likely-rgb: 163, 71, 45;
  --site-free: #1F6B3F;
  --site-expo: #A3472D;
  --site-sandstone: #A3472D;

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

  /* Hero */
  --site-hero-text: #F3F6F8;
  --site-hero-muted: rgba(243, 246, 248, 0.82);

  /* Subscribe + footer sit on ink */
  --site-subscribe-bg: var(--site-ink-soft);
  --site-footer-bg: var(--site-ink);
  --site-footer-text: rgba(243, 246, 248, 0.9);
  --site-footer-muted: rgba(243, 246, 248, 0.6);
  /* Region artwork. The basalt-column mark is single-colour, so the header mark is
     the icon used as a mask, filled with the accent */
  --site-mark-image: url("/r/northern-ireland/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(18, 26, 33, 0.06), 0 2px 12px rgba(18, 26, 33, 0.06);
  --shadow-card-hover: 0 0 0 1px rgba(15, 95, 125, 0.35), 0 10px 28px rgba(18, 26, 33, 0.12);
  --shadow-btn: 0 8px 24px -10px rgba(14, 111, 143, 0.55);
}