/* Shared design tokens — extracted from german_careers */
:root {
  --paper: #fafaf8;
  --paper-rgb: 250, 250, 248;
  --ink: #0a0a0a;
  --ink-rgb: 10, 10, 10;
  --grey-1: #f0f0ee;
  --grey-2: #d4d4d2;
  --grey-3: #737373;
  --accent: #002FA7;
  --accent-rgb: 0, 47, 167;
  --accent-on: #ffffff;
  --accent-bright: #5B7BFF;
  --text-primary: #0a0a0a;
  --text-secondary: #525252;
  --text-helper: #737373;
  --brand: #167A5A;
  --brand-rgb: 22, 122, 90;
  --sans: "Inter", "Helvetica Neue", "Helvetica", "Arial", system-ui, -apple-system, sans-serif;
  --mono: "JetBrains Mono", "IBM Plex Mono", "SF Mono", "Consolas", "Courier New", ui-monospace, monospace;
  --sp-3: 8px; --sp-4: 12px; --sp-5: 16px; --sp-6: 24px; --sp-7: 32px; --sp-8: 40px; --sp-9: 48px; --sp-10: 64px;
  --ease-prod: cubic-bezier(.2, 0, .38, .9);
  --ease-exp: cubic-bezier(.4, .14, .3, 1);
  --ease-entry-exp: cubic-bezier(0, 0, .3, 1);
}

*, *::before, *::after {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}

html, body {
  width: 100%; height: 100%; overflow: hidden;
  background: var(--paper); color: var(--ink);
  font-family: var(--sans);
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  margin: 0; padding: 0;
}

input, select, textarea, button {
  font-family: inherit;
}

button {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

a { color: inherit; }