/* kiosk-402 default theme. Override --accent + --skin per project. */

:root {
  --paper: #fafafa;
  --ink: #0a0a0a;
  --dim: #8a8a8a;
  --rule: rgba(10, 10, 10, 0.12);
  --accent: #f4762a;
  --accent-ink: #0a0a0a;

  --font-display: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --radius: 4px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 32px;
  --space-5: 64px;

  --max-width: 1100px;

  --skin: 'minimal';
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #0a0a0a;
    --ink: #fafafa;
    --dim: #8a8a8a;
    --rule: rgba(250, 250, 250, 0.16);
  }
}