:root {
  --border-radius: 5px;
  --height-input: 2.5rem;
  --height-button: 2.5rem;
  --height-checkbox: 24px;
  --height-radio: 24px;
  --height-badge: 24px;

  // Spacing
  --spacing-xxs: 0.2rem;
  --spacing-xs: 0.4rem;
  --spacing-s: 0.8rem;
  --spacing-m: 1.6rem;
  --spacing-l: 2.4rem;
  --spacing-xl: 3.2rem;
  --spacing-xxl: 6.4rem;

  // Aspect ratio
  --aspect-ratio-bluray: 41.6666666667%; // 12:5
  --aspect-ratio-panavision: 36.3636363636%; // 11:4
  --aspect-ratio-sd: 75%; // 4:3
  --aspect-ratio-standard: 56.25%; // 16:9

  // Type
  --font-mono: "Fira Code";
  --font-sans: Inter;
  --font-serif: Georgia;
  --font-weight-base: 400;
  --font-weight-light: 300;
  --font-weight-bold: 700;
  --font-base: 14px;
  --font-body: 1rem;
  --font-xsmall: 0.7344rem;
  --font-small: 0.8571rem;
  --font-large: 1.3rem;
  --font-title: 1.71rem;
  --font-heading: 2.94rem;
}