/* BC Construtora — Color tokens
 * Palette is the official brand manual ("Cores da Marca", pg. 10):
 * #99040F red · #EBEBEB light gray · #0A0A0A near-black · #B2B2B2 mid gray.
 * Sober, institutional — one saturated accent (red) over a neutral gray scale.
 */
:root {
  /* ── Brand base ──────────────────────────────── */
  --bc-red: #99040F;          /* primary brand red */
  --bc-red-deep: #7A030C;     /* pressed / darker red */
  --bc-red-ink: #5E0209;      /* deepest red, on light for dense headlines */

  --bc-white: #FFFFFF;
  --bc-gray-050: #F4F4F4;     /* lightest surface tint */
  --bc-gray-100: #EBEBEB;     /* brand light gray — the carousel background */
  --bc-gray-300: #B2B2B2;     /* brand mid gray */
  --bc-gray-500: #6E6E6E;     /* muted text on light */
  --bc-gray-700: #3A3A3A;     /* body text on light */
  --bc-black: #0A0A0A;        /* brand near-black */

  /* ── Semantic — surfaces ─────────────────────── */
  --surface-page: var(--bc-gray-100);   /* default slide background */
  --surface-alt: var(--bc-white);
  --surface-dark: var(--bc-black);
  --surface-brand: var(--bc-red);

  /* ── Semantic — text ─────────────────────────── */
  --text-primary: var(--bc-black);      /* headlines & primary copy on light */
  --text-body: var(--bc-gray-700);      /* running body copy */
  --text-muted: var(--bc-gray-500);     /* captions, swipe hint, tagline-secondary */
  --text-accent: var(--bc-red);         /* red headlines & emphasis */
  --text-on-dark: var(--bc-white);      /* copy over photo / dark surface */
  --text-on-red: var(--bc-white);       /* copy inside a red highlight box */

  /* ── Semantic — accents & lines ──────────────── */
  --accent: var(--bc-red);
  --highlight-bg: var(--bc-red);        /* red text-highlight box */
  --hairline: rgba(10,10,10,0.12);      /* dividers on light */
  --hairline-on-dark: rgba(255,255,255,0.22);

  /* Photo legibility overlay — subtle at top, dense at bottom */
  --overlay-photo: linear-gradient(180deg, rgba(10,10,10,0) 0%, rgba(10,10,10,0.15) 42%, rgba(10,10,10,0.78) 100%); /* @kind other */
  --overlay-photo-soft: linear-gradient(180deg, rgba(10,10,10,0.28) 0%, rgba(10,10,10,0.55) 100%); /* @kind other */
}