/* ============================================================
   BFFI — Design Tokens & Poster Color System
   Palette sampled directly from poster artwork (assets/img/bffi-poster.png)
   ============================================================ */

:root {
  /* --- 1. Base Poster Palette --- */
  --color-paper: #ffffff;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-sand: #ddceb5;
  /* Primary background canvas color from poster */
  --color-sand-light: #d5cbb4;
  /* Lighter tint for hover/backgrounds */
  --color-ink: #33291f;
  /* Deep ink black/charcoal from poster brush strokes */
  --color-ink-soft: #6b5f4f;
  /* Muted ink for secondary text */
  --color-terracotta: #d64314;
  /* Terracotta rust red from upper poster arches */
  --color-brick: #d84214;
  /* Deep brick red accent */
  --color-ochre: #dda23a;
  /* Warm ochre / mustard yellow from building art */
  --color-olive: #717c3c;
  /* Earthy moss / olive green detail */
  --color-slate: #66777e;
  /* Muted slate blue-gray from upper sky arch */
  --color-hairline: #c9bc98;
  /* Border & hairline color */
  --color-dark-bg: #000000;
  /* Footer & dark container background */

  /* --- 2. Semantic Role Tokens --- */
  --color-text-dark: var(--color-ink);
  --color-text-muted: var(--color-ink-soft);
  --color-text-light: var(--color-white);
  --color-text-sand: var(--color-sand);
  --color-border-dark: var(--color-ink);
  --color-border-light: var(--color-hairline);
  --color-btn-border: var(--color-ink);
  --color-btn-hover-bg: var(--color-ink);
  --color-btn-hover-text: var(--color-paper);

  /* --- 3. Legacy Alias Compatibility --- */
  --paper: var(--color-paper);
  --sand: var(--color-sand);
  --ink: var(--color-ink);
  --terracotta: var(--color-terracotta);
  --brick: var(--color-brick);
  --ochre: var(--color-ochre);
  --olive: var(--color-olive);
  --slate: var(--color-slate);
  --hairline: var(--color-hairline);
  --ink-soft: var(--color-ink-soft);

  /* --- 4. Typography Tokens --- */
  --font-display: "Satoshi-Black", system-ui, sans-serif;
  --font-ui: "Satoshi-Medium", system-ui, sans-serif;

  /* --- 5. Layout Tokens --- */
  --radius: 0px;
}