/* The pieces of The Base's base.css the ticket login uses: fonts, colour
   tokens, the display face and the white button. Kept apart from the app's
   Tailwind so the login is The Base's page, not an imitation of it. */
@font-face { font-family: "Ephemera Egyptian Condensed"; src: url("EphemeraEgyptian-CondensedBold-latin.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
:root {
  --ct-red: #FE3A24; --ct-red-ink: #E02A16; --ct-red-hover: #E7341F; --ct-red-wash: rgba(254, 58, 36, .10);
  --ct-n-950: #0D1119; --ct-n-900: #1A1F2E; --ct-n-800: #545C76; --ct-n-700: #717A97; --ct-n-600: #7B85A2; --ct-n-500: #A8B3D2;
  --ct-n-400: #BEC6DF; --ct-n-300: #CBD2E6; --ct-n-200: #DCE1EE; --ct-n-150: #E6EAF3; --ct-n-100: #ECEFF6; --ct-n-50: #F4F6FA; --ct-n-25: #FCFCFD;
  --ct-dark: var(--ct-n-950); --ct-ink: var(--ct-n-900); --ct-ink-2: var(--ct-n-800); --ct-ink-3: var(--ct-n-700); --ct-ink-4: var(--ct-n-500);
  --ct-bg: var(--ct-n-50); --ct-surface: var(--ct-n-25); --ct-line: var(--ct-n-200); --ct-green: #46A758;
  --ct-font-display: "Ephemera Egyptian Condensed", Rokkitt, Georgia, serif;
  --ct-font: "Inter", system-ui, -apple-system, sans-serif;
  --ease: cubic-bezier(.2, .8, .2, 1);
}
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--ct-bg); color: var(--ct-ink); font: 400 14px/1.5 var(--ct-font); -webkit-font-smoothing: antialiased; font-feature-settings: "cv11", "ss01"; }
h1, h2, h3, h4, p { margin: 0; }
a { color: inherit; text-decoration: none; }
::selection { background: var(--ct-red); color: #fff; }
:focus-visible { outline: 2px solid var(--ct-ink); outline-offset: 2px; border-radius: 6px; }
.display { font-family: var(--ct-font-display); font-weight: 700; text-transform: uppercase; line-height: .95; letter-spacing: .005em; }
.eyebrow { font: 600 11px/1 var(--ct-font); letter-spacing: .08em; text-transform: uppercase; color: var(--ct-ink-3); }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; padding: 0 18px; border: 0; border-radius: 99px; font: 600 13.5px/1 var(--ct-font); white-space: nowrap; cursor: pointer; transition: background .15s, transform .1s; }
.btn:active { transform: translateY(1px); }
.btn--white { background: #fff; color: var(--ct-ink); }
.btn--white:hover { background: var(--ct-n-50); }