/* ==========================================================================
   base.css
   - Tokens / Variablen
   - Base / Reset
   - Typo Defaults
   ========================================================================== */

:root {
  --sf-orange: #F19300;
  --sf-lightgrey: #575756;
  --sf-darkgrey: #212121;

  --footer-h: clamp(42px, 4vh, 62px);
  --logo-safe-top: clamp(72px, 6vh, 110px);
}

/* Base / Reset */
html, body {
  -webkit-tap-highlight-color: transparent;
  font-family: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-optical-sizing: auto;
}

* {
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  overflow: hidden; /* Shell default */
  background: #111;
}

canvas { touch-action: none; }

/* Typo Defaults */
h1{
  margin: 0 0 clamp(12px, 1.4vw, 18px) 0;
  color: var(--sf-orange);
  font-weight: 700;
  line-height: 1.12;
  font-size: clamp(28px, 2.2vw, 38px);
}

p{
  margin: 0 0 clamp(12px, 1.6vw, 22px) 0;
  color: #fff;
  font-weight: 400;
  line-height: 1.45;
  font-size: clamp(16px, 1.1vw, 22px);
}

p:last-child{ margin-bottom: 0; }