/*
  Subject list:
  1. Event Registration Desk - lanyard badge, printed sign-in slip, participant ledger
  2. Session roster - Morning (20 seats) vs Afternoon (30 seats) from capacity register
  3. Pre-event checks - badges printed, dietary verified, waivers signed, badge photo uploaded
  4. Palette of ink black, parchment ground, desk seal blue, verification green, warning amber
  5. Crisp tabular ledger layout with clear status checks and document vault
  6. Direct visitor sign-in, self-registration record checks, and credential file upload

  Idea sentence:
  On this site, the physical conference check-in ledger and attendee verification slip become an interactive tabular event registration console.

  Single bold element:
  A clean split-pane desk console pairing authentication status with real-time database checks and secure credential asset upload.
*/

:root {
  --color-ground: #f8f6f0;
  --color-surface: #ffffff;
  --color-surface-dim: #f0ece1;
  --color-ink: #1a1e24;
  --color-ink-muted: #535d6c;
  --color-ink-faint: #818d9d;
  --color-accent: #0f4c81;
  --color-accent-hover: #0a355c;
  --color-accent-subtle: #e7eff6;
  --color-success: #1b6a38;
  --color-success-bg: #eaf5ee;
  --color-error: #a82020;
  --color-error-bg: #fdf2f2;
  --color-line: #ded7c8;

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

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.3125rem;
  --text-xl: 1.875rem;
  --text-2xl: 2.375rem;

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

  --radius: 0px;
}

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

::selection {
  background-color: var(--color-accent-subtle);
  color: var(--color-ink);
}

body {
  margin: 0;
  background-color: var(--color-ground);
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  caret-color: var(--color-accent);
  accent-color: var(--color-accent);
}

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

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

:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}