/**
 * Example Client - theme
 * -----------------------------------------------------------------------
 * This is the file you edit per-client to reskin the signage without
 * touching any HTML or JS. Copy this file, change the values below, and
 * point rooms.json / index.html / room.html at your copy (or just edit
 * this one in place for a single-client deployment).
 *
 * Every variable is optional - anything you don't set falls back to the
 * neutral default baked into shared/app.css.
 */

:root {
  /* Page */
  --signage-bg: #0b1220;
  --signage-bg-image: none; /* e.g. url("../assets/bg.jpg") */

  /* Text */
  --signage-fg: #f5f6fa;
  --signage-muted: #8a93a6;

  /* Accent (brand color) */
  --signage-accent: #ff7a1a;
  --signage-accent-fg: #ffffff;

  /* Schedule rows */
  --signage-item-bg: rgba(255, 255, 255, 0.05);
  --signage-item-bg-now: #ff7a1a;
  --signage-divider: rgba(255, 255, 255, 0.1);
  --signage-radius: 14px;

  /* Fonts - reference a web-safe stack, or @font-face below for a custom
     brand font (recommended for offline/local-network deployments: host
     the font file yourself rather than linking Google Fonts, since the
     venue may have no internet access). */
  --signage-font-family: "Segoe UI", Roboto, Arial, sans-serif;
  --signage-heading-font-family: "Segoe UI", Roboto, Arial, sans-serif;

  /* Optional logo shown in the room header (32-48px square works best) */
  --signage-logo-url: none; /* e.g. url("../assets/logo.svg") */
}

/*
Example of a self-hosted custom font (uncomment and adjust once you have
a font file in clients/example-client/assets/):

@font-face {
  font-family: "Brand Sans";
  src: url("../assets/brand-sans.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
}

:root {
  --signage-font-family: "Brand Sans", Arial, sans-serif;
}
*/