:root {
  --color-primary: #f40036;
  --color-primary-dark: #99001f;
  --color-primary-deep: #4d000f;

  --color-black: #0a0a0a;
  --color-black-soft: #141414;
  --color-white: #ffffff;

  --color-gray-100: #f5f5f5;
  --color-gray-300: #c9c9c9;
  --color-gray-500: #8a8a8a;
  --color-gray-700: #3a3a3a;

  --color-border-light: rgba(255, 255, 255, 0.14);
  --color-border-dark: rgba(0, 0, 0, 0.12);

  --font-primary: "Montserrat", Arial, sans-serif;
  --font-mono: "Space Mono", monospace;

  --container-width: 1180px;
  --container-padding: 20px;

  --radius-small: 4px;
  --radius-medium: 8px;
  --radius-large: 16px;

  --transition-fast: 180ms ease;
  --transition-default: 280ms ease;

  --header-height: 63px;
}