/* ---------------------------------------------------------------------------
   Fays Twin Cinemas: brand tokens and background.
   Loaded after /css/site.css (the layout is shared by every cinema).
   Colours from the old site and the new design mockup: the header blue is the
   old site's (#4977de); the darker and pale blues are the mockup's.
   --------------------------------------------------------------------------- */

:root {
  --gl-accent: #4977de;           /* the old site's header blue */
  --gl-accent-dark: #2e57c2;
  --gl-accent-light: #7a9cea;     /* link hover */
  --gl-accent-rgb: 73, 119, 222;  /* the accent for rgba(): focus rings, table captions */
  --gl-header-bg: #4977de;
  --gl-bg: #0b0b0b;
  --gl-surface: #161616;
  --gl-surface-2: #1f1f1f;
  --gl-text: #f2f2f2;
  --gl-muted: #a8a8a8;
  --gl-border: #2a2a2a;
  --gl-input-border: #6e93e8;     /* every form field's border: dark borders vanish on the black background */
}

/* The old site's blue bokeh background, fading to black */
body {
  background: #000 url(background.jpg) no-repeat center top;
  background-size: 100% auto;
}
@media (min-width: 992px) {
  body { background-attachment: fixed; background-size: auto; }
}

/* The logo is black with white stripes, as on the old site's blue header.
   On the black footer it's shown the other way round: white with black stripes. */
.footer-logo img { filter: invert(1); }