/* Shared design tokens for the BOTB frontends (evme-ingest, evme-admin,
   evme-present, evme-ingest/gallery). Canonically hosted here and loaded by
   every site via the absolute URL https://highlights.botb.se/shared/tokens.css
   -- cross-origin <link>/<script> loading isn't CORS-restricted the way
   fetch() is, so this single file is the one source of truth for all four,
   even the two that live on separate *.netlify.app Netlify sites.

   Only the values that were already duplicated near-identically across all
   four sites' own inline <style> blocks live here. Anything genuinely
   app-specific (e.g. evme-admin's status-badge fill/text colors) stays local
   to that site's own <style> block -- this file is the shared base, not the
   whole design system.

   Two values below were normalized from real, pre-existing drift between
   sites (the same role, hand-typed with a slightly different value in some
   of them) -- picking whichever value two of the three/four sites already
   agreed on:
   --text-muted: Ingest/Present had #7a7a7a, Admin/Gallery had #8c8c8c -- kept #8c8c8c.
   --card-bg: Admin had #0f0f0f, Ingest/Gallery had #0b0b0b -- kept #0b0b0b. */
:root {
  --bg: #000000;
  --card-bg: #0b0b0b;
  --card-border: rgba(255, 255, 255, 0.08);
  --text: #fafafa;
  --text-muted: #8c8c8c;
  --field-bg: #131313;
  --field-border: rgba(255, 255, 255, 0.12);
  --field-text: #d8d8d8;
  --field-placeholder: #5c5c5c;
  --accent: #ff3b3b;
  --accent-glow: rgba(255, 59, 59, 0.28);
  /* The button hover tint -- previously a bare rgba() literal, copy-pasted
     identically into evme-ingest, evme-admin, evme-present, and
     evme-ingest/gallery independently. */
  --accent-tint: rgba(255, 59, 59, 0.08);
  --font-display: "Bebas Neue", "Arial Narrow", sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
}