/* ---------------------------------------------------------------------------
   Great Lakes Cinema 3: brand tokens and background.
   Loaded after /css/site.css (the layout is shared by every cinema). A new
   cinema's theme is a copy of this folder with its own values and images.
   --------------------------------------------------------------------------- */

:root {
  --gl-accent: #ce3a69;           /* the original site's pink */
  --gl-accent-dark: #ab2d55;
  --gl-accent-light: #e8638c;     /* link hover */
  --gl-accent-rgb: 206, 58, 105;  /* the accent for rgba(): focus rings, table captions */
  --gl-header-bg: #ce3a69;
  --gl-bg: #0b0b0b;
  --gl-surface: #161616;
  --gl-surface-2: #1f1f1f;
  --gl-text: #f2f2f2;
  --gl-muted: #a8a8a8;
  --gl-border: #2a2a2a;
  --gl-input-border: #e66666;     /* every form field's border: #2a2a2a vanished on the black background */
}

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