/* Vendored from polling-interface-redesign/project/_ds/industry-<id>/styles.css — tokens only, no dead component CSS. */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700&family=Barlow+Condensed:wght@400;600&display=swap');

:root {
  --color-bg: #f2f2f3;
  --color-text: #1d1f20;

  --color-neutral-100: #f5f5f8;
  --color-neutral-200: #e7e7ea;
  --color-neutral-300: #d4d4d7;
  --color-neutral-400: #b7b7ba;
  --color-neutral-500: #98989b;
  --color-neutral-600: #7a7a7d;
  --color-neutral-700: #5d5d60;
  --color-neutral-800: #424244;
  --color-neutral-900: #2b2b2d;

  --color-accent-100: #eef6ff;
  --color-accent-600: #597ea3;
  --color-accent-700: #416180;
  --color-accent-800: #2c455d;

  --font-heading: "Barlow Condensed", system-ui, sans-serif;
  --font-body: "Barlow", system-ui, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--color-bg); color: var(--color-text); font-family: var(--font-body); font-size: 15px; }
a { color: var(--color-accent-700); text-decoration: none; }
a:hover { color: var(--color-accent-800); text-decoration: underline; }
h1, h2, h3 { font-family: var(--font-heading); margin: 0; }
::-webkit-scrollbar { height: 8px; width: 8px; }
::-webkit-scrollbar-thumb { background: var(--color-neutral-300); }

/* blueprint corner marks — see .dc.html prototype */
.blueprint { position: relative; }
.blueprint > .corner { position: absolute; width: 11px; height: 11px; color: color-mix(in srgb, var(--color-text) 55%, transparent); }
.blueprint > .corner::before, .blueprint > .corner::after { content: ""; position: absolute; background: currentColor; }
.blueprint > .corner::before { left: 5px; top: 0; width: 1px; height: 100%; }
.blueprint > .corner::after { top: 5px; left: 0; width: 100%; height: 1px; }
.blueprint > .corner.tl { top: -6px; left: -6px; }
.blueprint > .corner.tr { top: -6px; right: -6px; }
.blueprint > .corner.bl { bottom: -6px; left: -6px; }
.blueprint > .corner.br { bottom: -6px; right: -6px; }

/* exercise selector — Team chip on the dark header */
#ex-select {
  appearance: none; -webkit-appearance: none; background: transparent; border: none; border-bottom: 1px solid rgba(255,255,255,.4);
  color: #fff; font-family: var(--font-heading); font-size: 14px; font-weight: 600; letter-spacing: .05em; cursor: pointer;
  padding: 0 2px 1px;
}
#ex-select option { color: var(--color-text); }

nav a:hover { color: var(--color-accent-700); }

#content { transition: opacity .15s; }
#content.is-loading { opacity: .4; pointer-events: none; }

/* page chrome stays hidden until a token resolves — see token-modal in index.html */
.pre-auth-hidden { display: none !important; }

#wave-buttons button, .navbtn { appearance: none; font-family: inherit; }
#wave-buttons { scrollbar-width: thin; }