/* ============================================================
   Infomedia Studios — Color tokens
   Brand palette extracted from the Figma style guide swatches.
   ============================================================ */
:root {
  /* ---- Brand base palette ---- */
  --green-dark: #081614;      /* Dark Green — primary ink, dark surfaces */
  --white: #ffffff;
  --warm-red: #ff6847;        /* Warm Red — the single accent / CTA color */
  --footer-green: #7d8f8d;    /* Footer Policy Green — muted/secondary text */
  --mint: #c4d6d8;            /* Mint — primary section background */
  --light-grey-green: #e9eef0;/* Light Grey Green — lightest tinted surface */

  /* Near-blacks used in body copy / chips */
  --ink-900: #212121;
  --ink-700: #303e3e;

  /* ---- Semantic aliases ---- */
  --text-body: var(--green-dark);
  --text-muted: var(--footer-green);
  --text-inverse: var(--white);
  --text-accent: var(--warm-red);

  --surface-page: var(--white);
  --surface-mint: var(--mint);
  --surface-light: var(--light-grey-green);
  --surface-dark: var(--green-dark);
  --surface-accent: var(--warm-red);

  --border-ink: var(--green-dark);
  --border-subtle: rgba(8, 22, 20, 0.12);

  /* CTA */
  --cta-bg: var(--warm-red);
  --cta-fg: var(--white);
  --cta-bg-hover: #f24d2c;
}