/* Bluebird Infotech — Color tokens
   Monochrome system core + the signature pastel color-block palette.
   Pastel hex values are faithful approximations of the documented
   screenshot-derived swatches. */

:root {
  /* ---- Base ---- */
  --black: #000000;
  --white: #ffffff;

  /* ---- Brand & accent ---- */
  --color-primary: var(--black);        /* every primary CTA, headline, body line */
  --color-on-primary: var(--white);     /* text on black surfaces */
  --color-accent-magenta: #e5468a;      /* single-shot promo CTA pink */

  /* ---- Surface ---- */
  --color-canvas: var(--white);         /* default page bg, white cards */
  --color-inverse-canvas: #000000;      /* footer, marquee strip */
  --color-surface-soft: #f5f4f2;        /* off-white tiles, icon buttons */
  --color-hairline: #e3e1dd;            /* 1px borders on inputs/cards */
  --color-hairline-soft: #eeece8;       /* subtler dividers */

  /* ---- Signature color blocks ---- */
  --color-block-lime: #d6f24f;          /* systems / FAQ / contact form */
  --color-block-lilac: #d4c5f7;         /* /design hero, release-notes promo */
  --color-block-cream: #f3ecd8;         /* FigJam hero strip, template grid */
  --color-block-mint: #c3eed6;          /* pastel section */
  --color-block-pink: #f6d3e3;          /* pastel section */
  --color-block-coral: #f3a587;         /* "ship products" coral story */
  --color-block-navy: #211c4e;          /* deep indigo story block */

  /* ---- Text ---- */
  --color-ink: var(--black);            /* all type on light surfaces */
  --color-inverse-ink: var(--white);    /* type on dark surfaces */
  --color-on-inverse-soft: rgba(255, 255, 255, 0.16); /* translucent icon-btn bg on dark */

  /* ---- Semantic ---- */
  --color-success: #1f8a4c;             /* comparison checkmark glyph */
  --color-overlay-scrim: rgba(0, 0, 0, 0.6); /* modal / lightbox backdrop */
}