/* Falcon Cuts shared typography palette. Loaded last on every page. */
:root {
  --fc-text: #f7efe3;
  --fc-muted: #b8a891;
  --fc-accent: #f59e0b;
  --fc-accent-soft: #f6bb56;
  --text: var(--fc-text);
  --text-main: var(--fc-text);
  --text-primary: var(--fc-text);
  --text-secondary: var(--fc-muted);
  --text-muted: var(--fc-muted);
  --muted: var(--fc-muted);
  --gold: var(--fc-accent);
  --gold-primary: var(--fc-accent);
  --accent: var(--fc-accent);
}

html body,
html body[class*="theme-"] { color: var(--fc-text) !important; }

html body h1, html body h2, html body h3,
html body h4, html body h5, html body h6,
html body .hero h1, html body .page h1,
html body .title, html body .headline,
html body .section-title, html body .hero-title,
html body .card-title { color: var(--fc-text) !important; }

html body p, html body .lead, html body .lede,
html body .intro, html body .description,
html body .body-copy, html body .card-copy,
html body .section-copy, html body .hero-copy { color: var(--fc-muted) !important; }

html body .brand-mark, html body .brand-title,
html body .brand-name, html body .brand strong,
html body .logo-text, html body .site-logo strong,
html body .fc-brand, html body .eyebrow,
html body .label, html body .kicker, html body .meta,
html body .gold, html body .accent, html body .highlight,
html body .section-kicker, html body .pipeline-title { color: var(--fc-accent) !important; }

html body .brand-kicker, html body .brand small,
html body .logo-kicker, html body .site-logo small { color: var(--fc-accent-soft) !important; }

html body .nav a, html body .site-nav a,
html body .fc-nav a, html body .main-nav a,
html body .top-nav a, html body header nav a { color: var(--fc-muted) !important; }

html body .nav a:hover, html body .site-nav a:hover,
html body .fc-nav a:hover, html body .main-nav a:hover,
html body .top-nav a:hover, html body header nav a:hover,
html body [aria-current="page"] { color: var(--fc-accent) !important; }

/* Video posters are buttons, so restore their artwork after global button styling. */
html body .work-video-poster {
  background-color: #080502 !important;
  background-image: var(--image) !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

html body .work-video-poster.is-playing {
  background: #000 !important;
}