/* Design plan:
   Subject: Event check-in and attendance desk
   Materials: badge cardstock, ink registration log, verification docket, deep neutral parchment
   Idea: The registration desk docket becomes a structured digital check-in interface with verified entry checks and accreditation document upload.
   Bold element: High-contrast docket layout with clear split between attendee check status and file badge accreditation.
*/
:root {
  --color-ground: #f6f5f1;
  --color-surface: #ffffff;
  --color-surface-subtle: #eceae3;
  --color-ink: #1b1e22;
  --color-muted: #5e6670;
  --color-accent: #0f4c3a;
  --color-accent-hover: color-mix(in oklch, var(--color-accent) 85%, black);
  --color-error: #8b1d1d;
  --color-success: #175e3a;

  --font-display: Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', sans-serif-condensed, sans-serif;
  --font-body: Inter, Roboto, 'Helvetica Neue', Arial, sans-serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;

  --radius: 0px;
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--color-ground);
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.5;
  accent-color: var(--color-accent);
}

::selection {
  background: var(--color-accent);
  color: #ffffff;
}

a {
  color: var(--color-accent);
  text-underline-offset: 3px;
}

button {
  font-family: inherit;
  font-size: 15px;
  border-radius: var(--radius);
}