/* Deeptakes — shared design tokens: fonts, base colors, box-model reset.
   Linked FIRST from all three pages (participant, /screen, /admin) so every
   page starts from the same @font-face declarations, --dark/--paper tokens
   and body font baseline before its own stylesheet layers on page-specific
   geometry (backgrounds, layout, colors — screen.css and admin.css each
   still own those, since screen's 1920x1080 stage and admin's document
   flow are not interchangeable). */

/* Owner call 2026-09-02: the brand cut is Matter SQ (squared dots), the
   same files deepwhite.lv serves. The family name stays "Matter" so every
   stylesheet keeps resolving; only the sources changed. */
@font-face {
  font-family: "Matter";
  src: url("/fonts/MatterSQ-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Matter";
  src: url("/fonts/MatterSQ-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Matter";
  src: url("/fonts/MatterSQ-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --dark: #232328;
  --paper: #e9e7e4;
  --font-body: "Matter", system-ui, -apple-system, "Segoe UI", sans-serif;
}

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

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}